实现话术功能

src/utils/request.ts

@@ -3,66 +3,91 @@ import { ElMessage, ElMessageBox } from 'element-plus';
 import { Session } from '/@/utils/storage';
 import qs from 'qs';
 
-// 配置新建一个 axios 实例
+// 配置新建第一个 axios 实例（原来的主服务）
 const service: AxiosInstance = axios.create({
-	baseURL: import.meta.env.VITE_API_URL,
-	timeout: 50000,
-	headers: { 'Content-Type': 'application/json' },
+	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' });
 		},
 	},
 });
 
-// 添加请求拦截器
-service.interceptors.request.use(
-	(config) => {
-		// 在发送请求之前做些什么 token
-		if (Session.get('token')) {
-			config.headers!['Authorization'] = `Bearer ${Session.get('token')}`;
-		}
-		return config;
+// 配置新建第二个 axios 实例（新功能服务）
+const newService: AxiosInstance = axios.create({
+	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' });
+		},
 	},
-	(error) => {
-		// 对请求错误做些什么
-		return Promise.reject(error);
-	}
-);
+});
 
-// 添加响应拦截器
-service.interceptors.response.use(
-	(response) => {
-		// 对响应数据做点什么
-		const res = response.data;
-		const code = response.data.code;
-		if (code === 401) {
-			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;
-		}
-	},
-	(error) => {
-		// 对响应错误做点什么
-		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);
+// 通用的请求拦截器函数
+const requestInterceptor = (config: any) => {
+	// 在发送请求之前做些什么 token
+	if (Session.get('token')) {
+		config.headers!['Authorization'] = `Bearer ${Session.get('token')}`;
 	}
-);
+	return config;
+};
 
-// 导出 axios 实例
-export default service;
+// 通用的请求错误处理函数
+const requestErrorHandler = (error: any) => {
+	// 对请求错误做些什么
+	return Promise.reject(error);
+};
+
+// 通用的响应拦截器函数
+const responseInterceptor = (response: any) => {
+	// 对响应数据做点什么
+	const res = response.data;
+	const code = response.data.code;
+	if (code === 401) {
+		// 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 }; // 新功能服务