import axios, { AxiosInstance } from 'axios'; import { ElMessage, ElMessageBox } from 'element-plus'; import { Session } from '/@/utils/storage'; import qs from 'qs'; // 配置新建第一个 axios 实例(原来的主服务) const service: AxiosInstance = axios.create({ baseURL: import.meta.env.VITE_API_URL, // 从环境变量获取基础URL http://192.168.3.49:8808/ timeout: 50000, // 50秒超时 headers: { 'Content-Type': 'application/json' }, // 默认JSON格式 paramsSerializer: { // 参数序列化配置 serialize(params) { return qs.stringify(params, { allowDots: true, arrayFormat: 'brackets' }); }, }, }); // 配置新建第二个 axios 实例(新功能服务) const newService: AxiosInstance = axios.create({ baseURL: 'http://192.168.3.95:8000/', // 新后端地址 // baseURL: 'http://192.168.3.49:8000/', // 后端地址 timeout: 50000, // 50秒超时 headers: { 'Content-Type': 'application/json' }, // 默认JSON格式 paramsSerializer: { // 参数序列化配置 serialize(params) { return qs.stringify(params, { allowDots: true, arrayFormat: 'brackets' }); }, }, }); // 通用的请求拦截器函数 const requestInterceptor = (config: any) => { // 在发送请求之前做些什么 token if (Session.get('token')) { config.headers!['Authorization'] = `Bearer ${Session.get('token')}`; } return config; }; // 通用的请求错误处理函数 const requestErrorHandler = (error: any) => { // 对请求错误做些什么 return Promise.reject(error); }; // 通用的响应拦截器函数 const responseInterceptor = (response: any) => { // 对响应数据做点什么 const res = response.data; const code = response.data.code; const message = response.data.message; // 第65行附近添加:如果是文件流响应,直接返回整个response if ( response.config.responseType === 'blob' || response.headers['content-type']?.includes('application/zip') || response.headers['content-type']?.includes('application/octet-stream') ) { return response; // 直接返回原始响应,不进行JSON解析 } if (code === 401 || message === 'token is invalid') { // 401未授权:token过期,跳转登录页 ElMessageBox.alert('登录状态已过期,请重新登录', '提示', { confirmButtonText: '确定' }) .then(() => { Session.clear(); // 清除浏览器全部临时缓存 window.location.href = '/'; // 去登录页 }) .catch(() => {}); } else if (code !== 0) { // 业务逻辑错误:显示错误消息 ElMessage.error(res.message); return Promise.reject(new Error(res.message)); } else { return res; } }; // 通用的响应错误处理函数 const responseErrorHandler = (error: any) => { // 对响应错误做点什么 if (error.message.indexOf('timeout') != -1) { ElMessage.error('网络超时'); } else if (error.message == 'Network Error') { ElMessage.error('网络连接错误'); } else { if (error.response?.data) ElMessage.error(error.response.statusText); else ElMessage.error('接口路径找不到'); } return Promise.reject(error); }; // 为第一个实例添加拦截器 service.interceptors.request.use(requestInterceptor, requestErrorHandler); service.interceptors.response.use(responseInterceptor, responseErrorHandler); // 为第二个实例添加拦截器 newService.interceptors.request.use(requestInterceptor, requestErrorHandler); newService.interceptors.response.use(responseInterceptor, responseErrorHandler); // 导出两个 axios 实例 export default service; // 原来的主服务 export { newService }; // 新功能服务