admin-ui/src/utils/request.ts

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;
	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 }; // 新功能服务