修复员工界面，token过期不自动跳转，以及多个弹窗问题

src/utils/request.js

@@ -7,6 +7,9 @@ const service = axios.create({
     timeout: 10000
 })
 
+// 标记位，防止重复弹窗
+let isRelogging = false
+
 // 请求拦截器
 service.interceptors.request.use(
     config => {
@@ -30,13 +33,39 @@ service.interceptors.response.use(
         return response.data;
     },
     error => {
-        if (error.response && error.response.status === 500) {
+        const resData = error.response?.data;
-            if (error.response.data.message === 'The token is expired.') {
+        const status = error.response?.status;
+
+        // 1. 判定是否为 Token 相关的认证错误
+        // 包含 500 状态码且消息含有 token 字样（如 decode 失败、过期等）
+        if (status === 500 && resData?.message && /token/i.test(resData.message)) {
+            
+            if (!isRelogging) {
+                isRelogging = true; // 锁定
+
                 localStorage.removeItem('token');
+                // 清除用户信息，防止 UserView.vue 的 computed 报错
+                localStorage.removeItem('user_info'); 
+                
                 ElMessage.error('登录已失效，请重新登录');
-                router.push('/login');
+
+                router.push('/login').then(() => {
+                    // 2. 延迟解锁，确保页面跳转期间的所有并发请求都已返回并被此拦截器捕获
+                    setTimeout(() => {
+                        isRelogging = false;
+                    }, 3000); 
+                });
             }
+
+            // 3. 【关键】无论是否是第一个请求，只要是 Token 错误，都返回 Pending Promise
+            // 这会阻止组件内的 catch 块执行，从而消失“加载列表失败”等弹窗
+            return new Promise(() => { });
         }
+
+        // 2. 处理非 Token 错误的普通报错（如网络断开、真正的服务器崩溃等）
+        // 只有不符合上面 Token 错误条件的请求才会走到这里
+        const msg = resData?.message || '服务器响应异常';
+        ElMessage.error(msg);
         return Promise.reject(error);
     }
 );