axios封装
js
import axios, { InternalAxiosRequestConfig, AxiosResponse } from 'axios';
import { TOKEN_KEY } from '@/enums/CacheEnum';
//创建axios实例
const service = axios.create({
baseURL: import.meta.env.VITE_APP_BASE_API,
timeout: 60000,
headers: { 'Content-Type': 'application/json;charset=utf-8' }
});
//请求拦截器
service.interceptors.request.use(
(config: InternalAxiosRequestConfig) => {
const accessToken = localStorage.getItem(TOKEN_KEY);
if (accessToken) {
config.headers.Authorization = accessToken;
}
return config;
},
(error: any) => {
return Promise.reject(error);
}
);
//响应拦截器
service.interceptors.response.use(
(response: AxiosResponse) => {
// 检查配置的响应类型是否为二进制类型('blob' 或 'arraybuffer'), 如果是,直接返回响应对象
if (response.config.responseType === 'blob' || response.config.responseType === 'arraybuffer') {
return response;
}
const { code, data, msg } = response.data;
if (code === 200) {
return data;
}
ElMessage.error(msg || '系统出错');
return Promise.reject(new Error(msg || 'Error'));
},
(error: any) => {
// 异常处理
if (error.response.data) {
const { code, msg } = error.response.data;
if (code === 401) {
ElNotification({
title: '提示',
message: '您的会话已过期,请重新登录',
type: 'info'
});
// useUserStoreHook()
// .resetToken()
// .then(() => {
// location.reload();
// });
} else {
ElMessage.error(msg || '系统出错');
}
}
return Promise.reject(error.message);
}
);
//对外暴露一个service对象
export default service;