97 lines
2.7 KiB
TypeScript
97 lines
2.7 KiB
TypeScript
import type { AxiosRequestConfig, AxiosResponse } from 'axios';
|
|
import axios from 'axios';
|
|
import { Message } from '@arco-design/web-vue';
|
|
import { useUserStore } from '@/store';
|
|
import { getToken } from '@/utils/auth';
|
|
import { httpBaseUrl } from '@/utils/env';
|
|
import { reLoginTipsKey } from '@/types/symbol';
|
|
|
|
export interface HttpResponse<T = unknown> {
|
|
msg: string;
|
|
code: number;
|
|
data: T;
|
|
}
|
|
|
|
axios.defaults.timeout = 10000;
|
|
axios.defaults.setAuthorization = true;
|
|
axios.defaults.promptBizErrorMessage = true;
|
|
axios.defaults.promptRequestErrorMessage = true;
|
|
axios.defaults.baseURL = httpBaseUrl;
|
|
|
|
axios.interceptors.request.use(
|
|
(config: AxiosRequestConfig) => {
|
|
// 获取 token
|
|
const token = getToken();
|
|
if (token) {
|
|
if (!config.headers) {
|
|
config.headers = {};
|
|
}
|
|
// 设置 Authorization 头
|
|
if (config.setAuthorization === true) {
|
|
config.headers.Authorization = `Bearer ${token}`;
|
|
}
|
|
}
|
|
return config;
|
|
},
|
|
(error) => {
|
|
return Promise.reject(error);
|
|
}
|
|
);
|
|
|
|
axios.interceptors.response.use(
|
|
(response: AxiosResponse<HttpResponse>) => {
|
|
// 不转换
|
|
if (response.config.unwrap) {
|
|
return response;
|
|
}
|
|
const res = response.data;
|
|
const { code } = res;
|
|
// 200 成功
|
|
if (code === 200) {
|
|
return res;
|
|
}
|
|
// 异常判断
|
|
if ([401, 700, 701, 702, 1000, 1001].includes(code)) {
|
|
// 提示
|
|
Message.error({
|
|
content: res.msg || 'Error',
|
|
duration: 5 * 1000,
|
|
});
|
|
// 认证异常
|
|
setTimeout(async () => {
|
|
// 先判断是否有提示 防止调用多个接口 把主要信息覆盖
|
|
if (!window.sessionStorage.getItem(reLoginTipsKey)) {
|
|
// 设置错误信息 在登录页面重新提示 因为重新页面加载会刷掉提示
|
|
window.sessionStorage.setItem(reLoginTipsKey, res.msg);
|
|
}
|
|
// 登出
|
|
const responseUrl = response.request?.responseURL;
|
|
if (!responseUrl || !responseUrl.includes('/logout')) {
|
|
await useUserStore().logout();
|
|
}
|
|
// 重新加载自动跳转登录页面
|
|
window.location.reload();
|
|
});
|
|
} else {
|
|
// 其他异常 判断是否弹出错误信息
|
|
if (response.config.promptBizErrorMessage) {
|
|
Message.error({
|
|
content: res.msg || 'Error',
|
|
duration: 5 * 1000,
|
|
});
|
|
}
|
|
}
|
|
return Promise.reject(new Error(res.msg || 'Error'));
|
|
},
|
|
(error) => {
|
|
// 判断是否弹出请求错误信息
|
|
if (error.config.promptRequestErrorMessage) {
|
|
Message.error({
|
|
content: error.msg || '请求失败',
|
|
duration: 5 * 1000,
|
|
});
|
|
}
|
|
return Promise.reject(error);
|
|
}
|
|
);
|