86 lines
2.8 KiB
TypeScript
86 lines
2.8 KiB
TypeScript
import type { AxiosResponse, RequestOptions } from '@@/plugin-request/request';
|
|
import type { RequestConfig } from '@umijs/max';
|
|
import { message } from 'antd';
|
|
|
|
import { RESPONSE_ERROR_CODE, RESPONSE_ERROR_MESSAGE } from '@/constants/http';
|
|
import { clearToken, getToken, gotoLogin } from '@/utils/login';
|
|
|
|
import { IRequestResponse } from './types/http';
|
|
|
|
|
|
/**
|
|
* @name 全局请求配置
|
|
* @doc https://umijs.org/docs/max/request#配置
|
|
*/
|
|
export const requestConfig: RequestConfig = {
|
|
|
|
|
|
baseURL: (window.ENV?.BASE_URL || 'https://neighbourhood.cn') as string,
|
|
// 错误处理： umi@3 的错误处理方案。
|
|
errorConfig: {
|
|
// 错误抛出
|
|
errorThrower: res => {
|
|
const { code, msg, traceId } = res as IRequestResponse;
|
|
if (code) {
|
|
const error: any = new Error(msg);
|
|
error.name = 'BizError';
|
|
error.info = { code, msg, traceId };
|
|
throw error; // 抛出自制的错误
|
|
}
|
|
},
|
|
// 错误接收及处理
|
|
errorHandler: (error: any, opts: any) => {
|
|
if (opts?.skipErrorHandler) throw error;
|
|
// 我们的 errorThrower 抛出的错误。
|
|
if (error.name === 'BizError') {
|
|
const errorInfo: IRequestResponse | undefined = error.info;
|
|
if (!errorInfo) {
|
|
return;
|
|
}
|
|
const { code, msg, traceId } = errorInfo;
|
|
switch (code) {
|
|
case RESPONSE_ERROR_CODE.INVALID_PARAMETER:
|
|
default:
|
|
message.error(`Request error, msg: ${msg}, traceId: ${traceId}`);
|
|
}
|
|
} else if (error.response) {
|
|
// Axios 的错误
|
|
// 请求成功发出且服务器也响应了状态码，但状态代码超出了 2xx 的范围
|
|
const { data, status } = error.response as AxiosResponse<IRequestResponse>;
|
|
const code = data?.code as RESPONSE_ERROR_CODE;
|
|
switch (code) {
|
|
case RESPONSE_ERROR_CODE.NEED_LOGIN:
|
|
clearToken();
|
|
gotoLogin();
|
|
return;
|
|
default:
|
|
message.error(`${RESPONSE_ERROR_MESSAGE[code] || '请求错误'}, 错误码:${status}`);
|
|
return;
|
|
}
|
|
} else if (error.request) {
|
|
// 请求已经成功发起，但没有收到响应
|
|
// \`error.request\` 在浏览器中是 XMLHttpRequest 的实例，
|
|
// 而在node.js中是 http.ClientRequest 的实例
|
|
message.error('None response! Please retry.');
|
|
} else {
|
|
// 发送请求时出了点问题
|
|
message.error('Request error, please retry.');
|
|
}
|
|
},
|
|
},
|
|
|
|
// 请求拦截器
|
|
requestInterceptors: [
|
|
(config: RequestOptions) => {
|
|
const token = getToken();
|
|
if (token) {
|
|
config.headers = {
|
|
...(config.headers || {}),
|
|
Authorization: 'Bearer ' + token,
|
|
};
|
|
}
|
|
return config;
|
|
},
|
|
],
|
|
};
|