refactor(router): enhance route initialization and user info prefetching with improved caching strategy. close #70

Author: Ohh-889

src/features/router/initRouter.ts

@@ -39,7 +39,12 @@ export async function initAuthRoutes(addRoutes: (parent: string | null, route: R
   } else {
     // 动态模式
     try {
-      const data = await fetchGetUserRoutes();
+      const data = await queryClient.ensureQueryData<Api.Route.UserRoute>({
+        gcTime: Infinity,
+        queryFn: fetchGetUserRoutes,
+        queryKey: QUERY_KEYS.ROUTE.USER_ROUTES,
+        staleTime: Infinity
+      });
 
       store.dispatch(setHomePath(data.home));
 

src/features/router/router.ts

@@ -58,8 +58,6 @@ function initRouter() {
 
   if (getIsLogin(store.getState()) && !isAlreadyPatch) {
     initAuthRoutes(reactRouter.patchRoutes);
-
-    isAlreadyPatch = true;
   }
 
   function resetRoutes() {

src/pages/layout.tsx

@@ -23,9 +23,11 @@ function handleRouteSwitch(to: Router.Route, from: Router.Route | null) {
 // eslint-disable-next-line max-params
 function createRouteGuard(to: Router.Route, roles: string[], isSuper: boolean, previousRoute: Router.Route | null) {
   const loginRoute: RoutePath = '/login';
+
   const isLogin = Boolean(localStg.get('token'));
 
   const notFoundRoute = 'notFound';
+
   const isNotFoundRoute = to.id === notFoundRoute;
 
   if (!isLogin) {
@@ -135,8 +137,10 @@ export async function loader() {
 
   if (hasToken) {
     await queryClient.prefetchQuery({
+      gcTime: Infinity,
       queryFn: fetchGetUserInfo,
-      queryKey: QUERY_KEYS.AUTH.USER_INFO
+      queryKey: QUERY_KEYS.AUTH.USER_INFO,
+      staleTime: Infinity
     });
   }
 }

src/service/hooks/useAuth.ts

@@ -19,8 +19,6 @@ export function useLogin() {
   });
 }
 
-const hasToken = Boolean(localStg.get('token'));
-
 /**
  * Get user info hook
  *
@@ -30,9 +28,11 @@ const hasToken = Boolean(localStg.get('token'));
  * @param enabled - Whether to enable the query (default: true)
  */
 export function useUserInfo() {
+  const hasToken = Boolean(localStg.get('token'));
+
   return useQuery({
     enabled: hasToken,
-    gcTime: 30 * 60 * 1000,
+    gcTime: Infinity,
     placeholderData: () => ({
       buttons: [],
       roles: [],
@@ -41,9 +41,8 @@ export function useUserInfo() {
     }),
     queryFn: fetchGetUserInfo,
     queryKey: QUERY_KEYS.AUTH.USER_INFO,
-    refetchOnWindowFocus: true,
     retry: false,
-    staleTime: 2 * 60 * 1000
+    staleTime: Infinity
   });
 }