优化httpjs

src/utils/http.js

@@ -29,36 +29,36 @@ service.interceptors.response.use(
   async (response) => {
     const res = response.data
     const loginStore = useLoginStore()
-    if (res.code !== 200) {
-      ElMessage({
-        message: res.message || "Error",
-        type: "error",
-        duration: 5 * 1000
-      })
 
-      if (res.code === 401 || res.code === 403) {
+    if (res.code == 200) {
-        try {
+      return res
-          // 若token过期，或者token无效，或者未找到token，对页面中需要认证的接口都有效，使得重新登录
+    }
-          const refreshed = await loginStore.loginForRefreshToken()
+
-          if (refreshed) {
+    //500会抛出该错
-            // 刷新成功，更新请求头中的accessToken
+    if (res.code !== 401 && res.code !== 403) {
-            response.config.headers.Authorization = `Bearer ${loginStore.token}`
+      ElMessage.error(res.message || "Error")
-            return service(response.config) // 重新发送失败的请求
+    }
-          }
+
-        } catch (refreshError) {
+    //res.code != 200 && res.code == 401 || res.code == 403的情况如下
-          ElMessage({
+    try {
-            message: "会话已过期，请重新登录!",
+      // 尝试刷新token
-            type: "error",
+      const refreshed = await loginStore.loginForRefreshToken()
-            duration: 5 * 1000
+      if (!refreshed) {
-          })
+        throw new Error("Refresh token failed")
-          cache.removeItem("token")
+      }
-          router.push("/login")
+      // 刷新成功，更新请求头中的accessToken并重新发送请求
-          return Promise.reject(new Error("Refresh token failed"))
+      const updateConfig = {
+        ...response.config,
+        headers: {
+          ...response.config.headers,
+          Authorization: `Bearer ${loginStore.token}`
         }
       }
-      return Promise.reject(new Error(res.message || "Error"))
+      return service(updateConfig) //使用新请求头重新发送原始请求
-    } else {
+    } catch (refreshError) {
-      return res
+      cache.removeItem("token")
+      router.push("/login")
+      return Promise.reject(refreshError)
     }
   },
   async (error) => {