88 lines
2.2 KiB
TypeScript
88 lines
2.2 KiB
TypeScript
|
import axios, { AxiosRequestConfig, AxiosResponse } from 'axios';
|
||
|
|
import { ElMessage, ElMessageBox } from 'element-plus';
|
||
|
|
import { getToken } from '@/utils/auth';
|
||
|
|
import { useUserStoreHook } from '@/store/modules/user';
|
||
|
|
|
||
|
|
// 创建 axios 实例
|
||
|
|
const service = axios.create({
|
||
|
|
baseURL: import.meta.env.VITE_APP_BASE_API,
|
||
|
|
timeout: 50000,
|
||
|
|
headers: { 'Content-Type': 'application/json;charset=utf-8' }
|
||
|
|
});
|
||
|
|
|
||
|
|
// 请求拦截器
|
||
|
|
service.interceptors.request.use(
|
||
|
|
(config: AxiosRequestConfig) => {
|
||
|
|
if (!config.headers) {
|
||
|
|
throw new Error(
|
||
|
|
`Expected 'config' and 'config.headers' not to be undefined`
|
||
|
|
);
|
||
|
|
}
|
||
|
|
const user = useUserStoreHook();
|
||
|
|
if (user.Token) {
|
||
|
|
config.headers.token = getToken();
|
||
|
|
}
|
||
|
|
return config;
|
||
|
|
},
|
||
|
|
(error: any) => {
|
||
|
|
return Promise.reject(error);
|
||
|
|
}
|
||
|
|
);
|
||
|
|
|
||
|
|
// 响应拦截器
|
||
|
|
service.interceptors.response.use(
|
||
|
|
(response: AxiosResponse) => {
|
||
|
|
const { status, msg } = response;
|
||
|
|
if (status === 200) {
|
||
|
|
if (response.data.code == 401) {
|
||
|
|
ElMessage({
|
||
|
|
message: '用户名或密码错误，请重试！',
|
||
|
|
type: 'error'
|
||
|
|
});
|
||
|
|
return;
|
||
|
|
}else if(response.data.code == 1){
|
||
|
|
ElMessage({
|
||
|
|
message: response.data.msg,
|
||
|
|
type: 'error'
|
||
|
|
});
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
return response.data;
|
||
|
|
} else {
|
||
|
|
// 响应数据为二进制流处理(Excel导出)
|
||
|
|
if (response.data instanceof ArrayBuffer) {
|
||
|
|
return response;
|
||
|
|
}
|
||
|
|
ElMessage({
|
||
|
|
message: msg || '系统出错',
|
||
|
|
type: 'error'
|
||
|
|
});
|
||
|
|
return Promise.reject(new Error(msg || 'Error'));
|
||
|
|
}
|
||
|
|
},
|
||
|
|
(error: any) => {
|
||
|
|
if (error.response.data) {
|
||
|
|
const { status, msg } = error.response.data;
|
||
|
|
// token 过期,重新登录
|
||
|
|
if (status === '403') {
|
||
|
|
ElMessageBox.confirm('当前页面已失效，请重新登录', '提示', {
|
||
|
|
confirmButtonText: 'OK',
|
||
|
|
type: 'warning'
|
||
|
|
}).then(() => {
|
||
|
|
localStorage.clear();
|
||
|
|
window.location.href = '/';
|
||
|
|
});
|
||
|
|
} else {
|
||
|
|
ElMessage({
|
||
|
|
message: msg || '当前页面已失效',
|
||
|
|
type: 'error'
|
||
|
|
});
|
||
|
|
}
|
||
|
|
}
|
||
|
|
return Promise.reject(error.message);
|
||
|
|
}
|
||
|
|
);
|
||
|
|
|
||
|
|
// 导出 axios 实例
|
||
|
|
export default service;
|