优化顶栏导航与登录请求体验

frontend/src/api/axios.ts

@@ -1,20 +1,41 @@
 import axios, { AxiosError, AxiosInstance, AxiosRequestConfig, AxiosResponse, InternalAxiosRequestConfig } from "axios";
 import { ElMessage } from "element-plus";
-import router from "../router";
 import { getToken } from "../utils/auth";
 import type { ApiError } from "../types/api";
-import { useStudyStore } from "../store/study";
 import { TEXT } from "../locales";
-import { extendAccessToken, forceLogout, LOGOUT_REASON_AUTH_EXPIRED } from "../session/sessionManager";
 
 const instance: AxiosInstance = axios.create({
   baseURL: "/",
   timeout: 15000,
 });
 
+const NETWORK_RETRY_LIMIT = 10;
+const NETWORK_RETRY_DELAY_MS = 30000;
+
 export type ApiRequestConfig = AxiosRequestConfig & {
   suppressErrorMessage?: boolean;
   _retry?: boolean;
+  _networkRetryCount?: number;
+};
+
+const wait = (ms: number) => new Promise((resolve) => window.setTimeout(resolve, ms));
+
+const clearInvalidStudyAndNavigate = async () => {
+  try {
+    const [{ useStudyStore }, { default: router }] = await Promise.all([
+      import("../store/study"),
+      import("../router"),
+    ]);
+    useStudyStore().clearCurrentStudy();
+    router.push("/admin/projects");
+  } catch {
+    /* ignore */
+  }
+};
+
+const forceAuthExpiredLogout = async () => {
+  const { forceLogout, LOGOUT_REASON_AUTH_EXPIRED } = await import("../session/sessionManager");
+  forceLogout(LOGOUT_REASON_AUTH_EXPIRED);
 };
 
 instance.interceptors.request.use((config: InternalAxiosRequestConfig & ApiRequestConfig) => {
@@ -40,19 +61,23 @@ instance.interceptors.response.use(
       // 认证相关的错误由具体页面自行处理，避免重复提示
       return Promise.reject(error);
     }
+    if (!status && error.config) {
+      const config = error.config as ApiRequestConfig;
+      const retryCount = config._networkRetryCount || 0;
+      if (retryCount < NETWORK_RETRY_LIMIT) {
+        config._networkRetryCount = retryCount + 1;
+        await wait(NETWORK_RETRY_DELAY_MS);
+        return instance(config);
+      }
+    }
     // 如果当前项目不存在或已失效，清理项目并跳到项目管理页
     if (status === 404 && typeof data?.message === "string" && data.message.toLowerCase().includes("study")) {
-      try {
-        const studyStore = useStudyStore();
-        studyStore.clearCurrentStudy();
-      } catch {
-        /* ignore */
-      }
-      router.push("/admin/projects");
+      await clearInvalidStudyAndNavigate();
     }
     if (status === 401) {
       const config = error.config as ApiRequestConfig;
       if (config && !config._retry) {
+        const { extendAccessToken } = await import("../session/sessionManager");
         const result = await extendAccessToken("response-401");
         if (result.token) {
           config._retry = true;
@@ -61,11 +86,11 @@ instance.interceptors.response.use(
           return instance(config);
         }
         if (result.authFailed) {
-          forceLogout(LOGOUT_REASON_AUTH_EXPIRED);
+          await forceAuthExpiredLogout();
         }
       }
     } else if (status === 403 && (data as any)?.detail === "账号已停用") {
-      forceLogout(LOGOUT_REASON_AUTH_EXPIRED);
+      await forceAuthExpiredLogout();
     } else {
       const suppressErrorMessage = (error.config as ApiRequestConfig | undefined)?.suppressErrorMessage;
       if (!suppressErrorMessage) {