feat: 对接动态路由

Author: Ohh-889

src/features/router/initRouter.ts

@@ -1,15 +1,15 @@
 import type { RouteObject } from 'react-router-dom';
 
 import { authRoutes } from '@/router';
+import { fetchGetUserRoutes } from '@/service/api';
 import { store } from '@/store';
 
 import { isStaticSuper, selectUserInfo } from '../auth/authStore';
 
+import { setHomePath } from './routeStore';
 import { filterAuthRoutesByDynamic, filterAuthRoutesByRoles, mergeValuesByParent } from './shared';
 
-const hasRoutes = ['/manage', '/manage/user', '/manage/user/:id', '/home', '/about'];
-
-export function initAuthRoutes(addRoutes: (parent: string | null, route: RouteObject[]) => void) {
+export async function initAuthRoutes(addRoutes: (parent: string | null, route: RouteObject[]) => void) {
   const authRouteMode = import.meta.env.VITE_AUTH_ROUTE_MODE;
 
   const reactAuthRoutes = mergeValuesByParent(authRoutes);
@@ -35,7 +35,14 @@ export function initAuthRoutes(addRoutes: (parent: string | null, route: RouteOb
     }
   } else {
     // 动态模式
-    const filteredRoutes = filterAuthRoutesByDynamic(reactAuthRoutes, hasRoutes);
+    const { data, error } = await fetchGetUserRoutes();
+    if (error) {
+      console.error(error);
+      return;
+    }
+    store.dispatch(setHomePath(data.home));
+
+    const filteredRoutes = filterAuthRoutesByDynamic(reactAuthRoutes, data.routes);
 
     filteredRoutes.forEach(({ parent, route }) => {
       addRoutes(parent, route);

src/features/router/routeStore.ts

@@ -28,6 +28,9 @@ export const routeSlice = createAppSlice({
     setCacheRoutes: create.reducer((state, { payload }: PayloadAction<string[]>) => {
       state.cacheRoutes = payload;
     }),
+    setHomePath: create.reducer((state, { payload }: PayloadAction<string>) => {
+      state.routeHomePath = payload;
+    }),
     setRemoveCacheKey: create.reducer((state, { payload }: PayloadAction<string | null>) => {
       state.removeCacheKey = payload;
     })
@@ -39,6 +42,6 @@ export const routeSlice = createAppSlice({
   }
 });
 
-export const { addCacheRoutes, resetRouteStore, setCacheRoutes, setRemoveCacheKey } = routeSlice.actions;
+export const { addCacheRoutes, resetRouteStore, setCacheRoutes, setHomePath, setRemoveCacheKey } = routeSlice.actions;
 
 export const { selectCacheRoutes, selectRemoveCacheKey, selectRouteHomePath } = routeSlice.selectors;

src/service/api/route.ts

@@ -7,7 +7,7 @@ export function fetchGetConstantRoutes() {
 
 /** get user routes */
 export function fetchGetUserRoutes() {
-  return request<Api.Route.UserRoute>({ url: '/route/getUserRoutes' });
+  return request<Api.Route.UserRoute>({ url: '/route/getReactUserRoutes' });
 }
 
 /**

src/types/api.d.ts

@@ -85,7 +85,7 @@ declare namespace Api {
 
     interface UserRoute {
       home: import('@soybean-react/vite-plugin-react-router').LastLevelRouteKey;
-      routes: MenuRoute[];
+      routes: string[];
     }
   }