python-flask和Vue两种模式初模板

inventory-web/src/utils/request.ts

@@ -0,0 +1,47 @@
+import axios from 'axios'
+import { ElMessage } from 'element-plus'
+
+// 1. 创建 axios 实例
+const service = axios.create({
+    // 这里的 '/api' 配合 vite.config.ts 的 proxy 使用
+    baseURL: '/api/v1',
+    timeout: 5000 // 请求超时时间
+})
+
+// 2. 请求拦截器 (可以在这里加 Token)
+service.interceptors.request.use(
+    (config) => {
+        // 如果以后有登录 token，就在这里加
+        // const token = localStorage.getItem('token')
+        // if (token) {
+        //   config.headers['Authorization'] = 'Bearer ' + token
+        // }
+        return config
+    },
+    (error) => {
+        return Promise.reject(error)
+    }
+)
+
+// 3. 响应拦截器 (统一处理错误)
+service.interceptors.response.use(
+    (response) => {
+        const res = response.data
+        // 这里可以根据后端的 code 来判断
+        // 假设你的后端成功返回 code: 200
+        if (res.code && res.code !== 200) {
+            ElMessage.error(res.msg || 'Error')
+            return Promise.reject(new Error(res.msg || 'Error'))
+        } else {
+            return res // 直接返回数据部分
+        }
+    },
+    (error) => {
+        console.log('err' + error)
+        ElMessage.error(error.message || '请求失败')
+        return Promise.reject(error)
+    }
+)
+
+// 4. 【关键】必须默认导出 service
+export default service