refactor: 项目重构

src/plugins/permission.ts

@@ -5,73 +5,178 @@ import router from "@/router";
 import { usePermissionStore, useUserStore } from "@/store";
 import { ROLE_ROOT } from "@/constants";
 
+// 路由生成锁，防止重复生成
+let isGeneratingRoutes = false;
+
 export function setupPermission() {
   // 白名单路由
   const whiteList = ["/login"];
 
   router.beforeEach(async (to, from, next) => {
     NProgress.start();
-    console.log("to.path", to.path);
+    console.log("🚀 Route guard triggered:", { to: to.path, from: from.path });
 
-    const isLogin = Auth.isLoggedIn();
-    if (isLogin) {
+    const isLoggedIn = Auth.isLoggedIn();
+
+    if (isLoggedIn) {
+      console.log("✅ User is logged in");
+
+      // 如果已登录但访问登录页，重定向到首页
       if (to.path === "/login") {
-        // 如果已登录，跳转到首页
+        console.log("🔄 Redirecting from login to home");
         next({ path: "/" });
-      } else {
-        // 未登录
-        const permissionStore = usePermissionStore();
-        // 判断路由是否加载完成
-        if (permissionStore.routesLoaded) {
-          if (to.matched.length === 0) {
-            // 路由未匹配，跳转到404
-            next("/404");
-          } else {
-            // 动态设置页面标题
-            const title = (to.params.title as string) || (to.query.title as string);
-            if (title) {
-              to.meta.title = title;
-            }
-            next();
-          }
-        } else {
-          try {
-            // 生成路由
-            const dynamicRoutes = await permissionStore.generateRoutes();
-            dynamicRoutes.forEach((route: RouteRecordRaw) => router.addRoute(route));
-            next({ ...to, replace: true });
-          } catch (error) {
-            console.error(error);
-            // 路由加载失败，重置 token 并重定向到登录页
-            await useUserStore().resetAllState();
-            redirectToLogin(to, next);
-            NProgress.done();
-          }
-        }
+        return;
       }
+
+      // 处理已登录用户的路由访问
+      await handleAuthenticatedUser(to, from, next);
     } else {
-      // 未登录，判断是否在白名单中
+      console.log("❌ User not logged in");
+
+      // 未登录用户的处理
       if (whiteList.includes(to.path)) {
         next();
       } else {
-        // 不在白名单，重定向到登录页
         redirectToLogin(to, next);
         NProgress.done();
       }
     }
   });
 
-  // 后置守卫，保证每次路由跳转结束时关闭进度条
-  router.afterEach(() => {
+  // 后置守卫，确保进度条关闭
+  router.afterEach((to, from) => {
+    console.log("✅ Route navigation completed:", { to: to.path, from: from.path });
     NProgress.done();
   });
 }
 
-// 重定向到登录页
+/**
+ * 处理已登录用户的路由访问
+ */
+async function handleAuthenticatedUser(
+  to: RouteLocationNormalized,
+  from: RouteLocationNormalized,
+  next: NavigationGuardNext
+) {
+  const permissionStore = usePermissionStore();
+  const userStore = useUserStore();
+
+  try {
+    // 检查用户信息是否存在
+    if (!userStore.userInfo.username) {
+      console.log("🔄 User info not found, fetching...");
+      await userStore.getUserInfo();
+    }
+
+    // 检查路由是否已生成
+    if (!permissionStore.routesLoaded) {
+      console.log("🔄 Routes not loaded, generating...");
+
+      // 防止重复生成路由
+      if (isGeneratingRoutes) {
+        console.log("⏳ Routes already generating, waiting...");
+        // 等待当前路由生成完成
+        await waitForRoutesGeneration(permissionStore);
+      } else {
+        await generateAndAddRoutes(permissionStore);
+      }
+
+      // 路由生成完成后，重新导航到目标路由
+      console.log("🔄 Routes generated, redirecting to:", to.path);
+      next({ ...to, replace: true });
+      return;
+    }
+
+    // 路由已加载，检查路由是否存在
+    if (to.matched.length === 0) {
+      console.log("❌ Route not found, redirecting to 404");
+      next("/404");
+      return;
+    }
+
+    // 动态设置页面标题
+    const title = (to.params.title as string) || (to.query.title as string);
+    if (title) {
+      to.meta.title = title;
+    }
+
+    console.log("✅ Route access granted:", to.path);
+    next();
+  } catch (error) {
+    console.error("❌ Route guard error:", error);
+
+    // 出错时重置状态并重定向到登录页
+    await resetUserStateAndRedirect(to, next);
+  }
+}
+
+/**
+ * 生成并添加动态路由
+ */
+async function generateAndAddRoutes(permissionStore: any) {
+  isGeneratingRoutes = true;
+
+  try {
+    console.log("🔧 Generating dynamic routes...");
+    const dynamicRoutes = await permissionStore.generateRoutes();
+
+    // 添加路由到路由器
+    dynamicRoutes.forEach((route: RouteRecordRaw) => {
+      router.addRoute(route);
+    });
+
+    console.log("✅ All dynamic routes generated and added");
+  } finally {
+    isGeneratingRoutes = false;
+  }
+}
+
+/**
+ * 等待路由生成完成
+ */
+async function waitForRoutesGeneration(permissionStore: any): Promise<void> {
+  return new Promise((resolve) => {
+    const checkInterval = setInterval(() => {
+      if (!isGeneratingRoutes && permissionStore.routesLoaded) {
+        clearInterval(checkInterval);
+        resolve();
+      }
+    }, 50); // 每50ms检查一次
+
+    // 超时保护，最多等待5秒
+    setTimeout(() => {
+      clearInterval(checkInterval);
+      console.warn("⚠️ Routes generation timeout");
+      resolve();
+    }, 5000);
+  });
+}
+
+/**
+ * 重置用户状态并重定向到登录页
+ */
+async function resetUserStateAndRedirect(to: RouteLocationNormalized, next: NavigationGuardNext) {
+  try {
+    await useUserStore().resetAllState();
+    redirectToLogin(to, next);
+  } catch (resetError) {
+    console.error("❌ Failed to reset user state:", resetError);
+    // 强制跳转到登录页
+    next("/login");
+  } finally {
+    NProgress.done();
+  }
+}
+
+/**
+ * 重定向到登录页
+ */
 function redirectToLogin(to: RouteLocationNormalized, next: NavigationGuardNext) {
   const params = new URLSearchParams(to.query as Record<string, string>);
   const queryString = params.toString();
   const redirect = queryString ? `${to.path}?${queryString}` : to.path;
+
+  console.log("🔄 Redirecting to login with redirect:", redirect);
   next(`/login?redirect=${encodeURIComponent(redirect)}`);
 }