超级管理员登录设置

inventory-web/src/utils/request.ts

@@ -1,21 +1,28 @@
 import axios from 'axios'
 import { ElMessage } from 'element-plus'
+import { useUserStore } from '@/stores/user' // 引入 Store 获取 Token
 
 // 1. 创建 axios 实例
 const service = axios.create({
-    // 【修改这里】不要写死 '/api/v1'，改为读取环境变量
-    baseURL: import.meta.env.VITE_API_BASE_URL,
+    // 【关键修改】
+    // 设置为 '/api'，请求会自动拼接成 http://localhost:5173/api/...
+    // 然后被 Vite 代理转发到 http://127.0.0.1:8000/api/...
+    baseURL: '/api',
     timeout: 5000
 })
 
-// 2. 请求拦截器 (可以在这里加 Token)
+// 2. 请求拦截器
 service.interceptors.request.use(
     (config) => {
-        // 如果以后有登录 token，就在这里加
-        // const token = localStorage.getItem('token')
-        // if (token) {
-        //   config.headers['Authorization'] = 'Bearer ' + token
-        // }
+        // 在发送请求之前做些什么
+        // 注意：这里需要确保 Pinia 已经初始化，但在拦截器运行时组件早已加载，通常没问题
+        // 为了安全起见，也可以直接读 localStorage，或者在函数内调用 store
+        const token = localStorage.getItem('token')
+
+        if (token && config.headers) {
+            // Flask-JWT-Extended 默认需要 'Bearer <token>' 格式
+            config.headers['Authorization'] = 'Bearer ' + token
+        }
         return config
     },
     (error) => {
@@ -23,25 +30,52 @@ service.interceptors.request.use(
     }
 )
 
-// 3. 响应拦截器 (统一处理错误)
+// 3. 响应拦截器
 service.interceptors.response.use(
     (response) => {
+        // Axios 默认包了一层 data，所以这里取 response.data
         const res = response.data
-        // 这里可以根据后端的 code 来判断
-        // 假设你的后端成功返回 code: 200
+
+        // 如果后端返回的是标准 Flask jsonify 结果，通常没有 code 字段（除非你自己封装了）
+        // 如果你使用了标准 HTTP 状态码（200, 201等），Axios 会直接进入这里
+
+        // 只有当业务逻辑明确返回错误码时才报错 (根据你的后端封装调整)
         if (res.code && res.code !== 200) {
             ElMessage.error(res.msg || 'Error')
             return Promise.reject(new Error(res.msg || 'Error'))
         } else {
-            return res // 直接返回数据部分
+            return res // 返回解包后的数据
         }
     },
     (error) => {
-        console.log('err' + error)
-        ElMessage.error(error.message || '请求失败')
+        console.log('err: ' + error) // for debug
+        let message = error.message || '请求失败'
+
+        // 处理 HTTP 状态码错误
+        if (error.response) {
+            const status = error.response.status
+            const data = error.response.data
+
+            if (status === 401) {
+                message = '登录已过期，请重新登录'
+                // 这里可以触发登出逻辑
+                localStorage.clear()
+                window.location.href = '/login'
+            } else if (status === 403) {
+                message = '权限不足'
+            } else if (status === 404) {
+                message = '请求的资源不存在'
+            } else if (status === 500) {
+                message = '服务器内部错误'
+            } else if (data && data.msg) {
+                // 优先显示后端返回的错误信息
+                message = data.msg
+            }
+        }
+
+        ElMessage.error(message)
         return Promise.reject(error)
     }
 )
 
-// 4. 【关键】必须默认导出 service
 export default service