对接后端

src/utils/request.ts

@@ -5,8 +5,8 @@ import router from '@/router'
 
 // 创建 axios 实例
 const service: AxiosInstance = axios.create({
-  baseURL: import.meta.env.VITE_API_BASE_URL || '/api', // 从环境变量获取API基础路径
-  timeout: 30000, // 请求超时时间
+  baseURL: import.meta.env.VITE_API_BASE_URL || '/api',
+  timeout: 30000,
   headers: {
     'Content-Type': 'application/json'
   }
@@ -15,19 +15,17 @@ const service: AxiosInstance = axios.create({
 // 请求拦截器
 service.interceptors.request.use(
   (config: AxiosRequestConfig) => {
-    // 从 localStorage 获取 token
     const token = localStorage.getItem('token')
     if (token) {
       config.headers = {
         ...config.headers,
-       // Authorization: `Bearer ${token}`
+        Authorization: token
       }
-
     }
     return config
   },
   (error) => {
-    console.error('请求错误:', error)
+    console.error('请求拦截器错误:', error)
     return Promise.reject(error)
   }
 )
@@ -37,22 +35,33 @@ service.interceptors.response.use(
   (response: AxiosResponse) => {
     const { code, message, data } = response.data
 
-    // 根据后端约定的状态码处理
     if (code === 200) {
       return data
     } else {
+      // 处理业务错误
+      const error = new Error(message || '请求失败') as any
+      error.code = code
+      error.data = data
       ElMessage.error(message || '请求失败')
-      return Promise.reject(new Error(message || '请求失败'))
+      return Promise.reject(error)
     }
   },
   (error) => {
-    console.log(error.response) //undefined
-    const { status } = error.response || {}
+    // 网络错误、超时等
+    if (error.code === 'ECONNABORTED' || error.message.includes('timeout')) {
+      ElMessage.error('请求超时')
+      return Promise.reject(new Error('请求超时'))
+    }
 
-    // 处理常见错误
+    // 处理 HTTP 错误
+    if (error.response) {
+      const { status } = error.response
       switch (status) {
+        case 400:
+          ElMessage.error('请求参数错误')
+          break
         case 401:
-        ElMessage.error('登录已过期，请重新登录')
+          ElMessage.error('未登录或登录已过期')
           localStorage.removeItem('token')
           router.push('/login')
           break
@@ -66,8 +75,23 @@ service.interceptors.response.use(
           ElMessage.error('服务器错误')
           break
         default:
-        ElMessage.error('网络错误')
+          ElMessage.error(`请求失败: ${status}`)
       }
+    } else if (error.request) {
+      // 请求已发出但没有收到响应
+      ElMessage.error('服务器无响应')
+    } else {
+      // 请求配置出错
+      ElMessage.error('请求配置错误')
+    }
+
+    // 打印详细错误信息以便调试
+    console.error('请求错误详情:', {
+      error,
+      response: error.response,
+      request: error.request,
+      config: error.config
+    })
 
     return Promise.reject(error)
   }