闭关修炼,有问题+v:pangyc102
·2023-05-21#前端# 项目
React开发用户中心项目,封装了下统一响应处理,默认Antd Pro 提供的是message提示,为了改成notification折腾了半天,还翻了源码,官方的文档写的是真简单啊...
分享下成果#Ant Design Pro#
```tsx
const responseInterceptors = async (response: Response, options: RequestConfig) => {
if (response.status != 200) return Promise.reject('')
const json = await response.clone().json();
const {code, message, data, description} = json
if (code !== 0) {
throw Error(description || message)
}
return data;
};
// request config
export const request: RequestConfig = {
timeout: 10000,
errorConfig: {},
// skip errorhandler覆盖默认行为
skipErrorHandler: true,
errorHandler: (error: ResponseError) => {
notification.error(
{
message: '提示',
description: error.message
}
)
},
middlewares: [],
requestInterceptors: [],
responseInterceptors: [responseInterceptors],
prefix: '/api'
};
```
4
0
分享
操作
评论
问答助学
相关内容
0个评论
全部评论
点击登录,快来和大家讨论吧~
表情
图片
暂无评论
