app.ts
2.69 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
// 运行时配置
import { RequestConfig } from '@umijs/max';
import '@inspir/assembly-css/dist/special.css';
import { message } from 'antd';
import { RESPONSE_CODE } from './constants/enum';
// import './style/global.less';
// 全局初始化数据配置，用于 Layout 用户信息和权限初始化
// 更多信息见文档：https://umijs.org/docs/api/runtime-config#getinitialstate
export async function getInitialState(): Promise<{ name: string }> {
return { name: '@umijs/max' };
}
export const layout = () => {
return {
menu: {
locale: false,
// header: true,
headerRender: true,
// rightContentRender: () => <RightContent />,
// footerRender: () => <Footer />,
},
};
};
export const request: RequestConfig = {
// 错误处理
errorHandler: (error) => {
const { response, data } = error;
if (response && response.status) {
// 401重定向
if (response.status === 401) {
if (!location.pathname.includes(loginPath)) {
localStorage.removeItem('token');
message.error('token失效，请重新登录！');
// history.push(loginPath);
return null;
}
}
}
return data;
},
// 请求处理
requestInterceptors: [
(url: string, options) => {
const controller = new AbortController(); // create a controller
const { signal } = controller;
let authHeader: { Authorization?: string; systemid?: string } = {};
if (localStorage.getItem('token')) {
authHeader = {
Authorization: localStorage.getItem('token') || undefined,
};
}
// const requestOption: AxiosRequestConfig = {
// method: options.method || 'get',
// };
// if (options.header) {
// requestOption.headers = options.header;
// }
// if (options.body) {
// options.data = options.body;
// }
if (options.query) {
options.params = options.query;
}
return {
url,
options: {
...options,
signal,
interceptors: true,
headers: authHeader,
},
};
},
],
responseInterceptors: [
// 一个二元组，第一个元素是 request 拦截器，第二个元素是错误处理
[
(response) => {
// 不再需要异步处理读取返回体内容，可直接在data中读出，部分字段可在 config 中找到
const { data = {} as any } = response;
if (data.code !== RESPONSE_CODE.SUCCESS) {
message.error('服务器错误，请稍后再试！');
}
// do something
return response;
},
(error) => {
return Promise.reject(error);
},
],
],
};