登录框架搭建完成

src/api/request.ts

@@ -2,9 +2,10 @@ import axios, { AxiosError, AxiosResponse, InternalAxiosRequestConfig } from 'ax
 import envConfig from '../../env';
 import Cookies from 'js-cookie';
 import { message } from 'antd';
-import store from '../store';
-import { logout } from '../store/userSlice';
 
+// 🔥 删掉这两行！！！
+// import store from '../store';
+// import { logout } from '../store/userSlice';
 
 const API_BASE_URL = envConfig.baseURL;
 
@@ -13,19 +14,15 @@ const api = axios.create({
 	timeout: 20000,
 	headers: {
 		'Content-Type': 'application/json',
-
 	},
 	withCredentials: true,
 });
 
 // 请求拦截器：自动添加token
-// 请求拦截器
 api.interceptors.request.use(
 	(config: InternalAxiosRequestConfig) => {
-		// 从 localStorage 获取 token
 		const token = localStorage.getItem('token');
 		if (token && config.headers) {
-			// 将 token 添加到请求头
 			config.headers['Authorization'] = `Bearer ${token}`;
 		}
 		return config;
@@ -38,43 +35,23 @@ api.interceptors.request.use(
 // 响应拦截器
 api.interceptors.response.use(
 	(response: AxiosResponse) => {
-		// 处理成功响应
-		const { data } = response;
-		// 如果后端规范定义了 code，可以在这里统一处理
-		// if (data.code !== 200) {
-		//   message.error(data.message || '请求失败');
-		//   return Promise.reject(new Error(data.message || 'Error'));
-		// }
-		return data;
+		return response.data;
 	},
-	(error: AxiosError) => {
-		// 处理错误响应
-		if (error.response) {
-			switch (error.response.status) {
-				case 401:
-					// 未授权，清除本地信息并跳转到登录页
-					localStorage.removeItem('token');
-					localStorage.removeItem('isAuthenticated');
-					localStorage.removeItem('user');
-					store.dispatch(logout());
-					window.location.href = '/login';
-					message.error('会话已过期，请重新登录');
-					break;
-				case 403:
-					message.error('拒绝访问：权限不足');
-					break;
-				case 404:
-					message.error('资源不存在');
-					break;
-				case 500:
-					message.error('服务器内部错误');
-					break;
-				default:
-					message.error(error.message || '网络错误');
-			}
-		} else {
-			message.error('连接服务器失败');
+	async (error: AxiosError) => {  // 👈 加 async
+		if (error.response?.status === 401) {
+			localStorage.removeItem('token');
+			localStorage.removeItem('isAuthenticated');
+			localStorage.removeItem('user');
+
+			// 🔥 🔥 🔥 在这里动态导入！！！
+			const store = await import('../store');
+			const { logout } = await import('../store/userSlice');
+
+			store.default.dispatch(logout());
+			window.location.href = '/login';
+			message.error('会话已过期，请重新登录');
 		}
+
 		return Promise.reject(error);
 	}
 );