大屏页面布局

screen-vue/src/api/user.js

@@ -1,13 +1,11 @@
 import request from '@/utils/request'
 
 /**
- * 登录接口（无需token，不被拦截）
- * @param {Object} data - 登录参数 {username, password}
- * @returns {Promise} 登录结果（含token）
+ * 登录接口
  */
 export function login(data) {
   return request({
-    url: 'userLogin', // 后端登录接口路径
+    url: 'userLogin',
     method: 'post',
     data
   })
@@ -15,7 +13,6 @@ export function login(data) {
 
 /**
  * 退出登录
- * @returns {Promise}
  */
 export function logout() {
   return request({
@@ -26,7 +23,6 @@ export function logout() {
 
 /**
  * 获取当前用户信息（需要token验证）
- * @returns {Promise}
  */
 export function getUserInfo() {
   return request({

screen-vue/src/utils/request.js

@@ -10,41 +10,40 @@ const service = axios.create({
   }
 })
 
-// 请求拦截器：添加token
 service.interceptors.request.use(
   (config) => {
     // 登录接口不添加token
-    if (!config.url.includes('/userLogin')) {
-      const token = localStorage.getItem('token')
+    if (!config.url?.includes('/userLogin')) {
+      const token = localStorage.getItem('token');
       if (token) {
-        config.headers.Authorization = token
+        config.headers.Authorization = token;
       }
     }
     return config
   },
-  (error) => Promise.reject(error)
-)
-
-// 响应拦截器：处理401未登录
-service.interceptors.response.use(
-  (response) => {
-    const res = response.data
-    if (res.code !== 200) {
-      if (res.code === 401) {
-        ElMessage.error(res.msg)
-        localStorage.removeItem('token')
-        router.push('/login')
-        return Promise.reject(res)
-      }
-      ElMessage.error(res.msg || '请求失败')
-      return Promise.reject(res)
-    }
-    return res.data
-  },
   (error) => {
-    ElMessage.error(error.message || '网络异常')
+    console.error('【请求拦截器错误】', error);
     return Promise.reject(error)
   }
 )
 
+service.interceptors.response.use(
+  (response) => {
+    const res = response.data;
+    if (res.code !== 200) {
+      ElMessage.error(res.msg || '接口请求失败');
+      if (res.code === 401) {
+        localStorage.removeItem('token');
+        router.push('/login').catch(err => console.warn('路由跳转失败', err));
+      }
+      return Promise.reject(res);
+    }
+    return res.data;
+  },
+  (error) => {
+    console.error('【响应拦截器错误】', error);
+    return Promise.reject(error);
+  }
+)
+
 export default service