功能：代码优化

src/router/index.ts

 import { createBrowserRouter, RouteObject } from 'react-router-dom';
-import { RouteObjectType, routes } from '~/router/router';
+import { RouteObjectType, routerList, whiteRouterList } from '~/router/router';
 
+// 获取用户权限路由列表
+export const authRouterList = () => {
+  // TODO: 在此处对用户权限进行判断，返回不同的路由表
+  return [...routerList];
+};
+// 整合路由数据
+export const routes = [...authRouterList(), ...whiteRouterList];
 // 导出路由表
 export const router = createBrowserRouter(routes);
 // 路由表类型

src/router/privateRouter.tsx

-import { router } from '~/router/index';
+import { authRouterList, router } from '~/router/index';
 import { RouterProvider } from 'react-router-dom';
 import { useEffect } from 'react';
 import Cookies from 'js-cookie';
+import { message } from 'antd';
 
 function PrivateRouter() {
   // 路由钩子
@@ -15,6 +16,13 @@ function PrivateRouter() {
       location.replace('/login');
       return;
     }
+    // 如果该用户没有权限，跳转到登录页
+    if (authRouterList.length === 0) {
+      message.info('请先配置权限！', 2000).then(() => {
+        location.replace('/login');
+      });
+      return;
+    }
   };
   useEffect(() => {
     beforeEach();

src/router/router.tsx

@@ -520,5 +520,3 @@ export const whiteRouterList: Array<RouteObject & RouteObjectType> = [
     },
   },
 ];
-// 整合路由数据
-export const routes = [...routerList, ...whiteRouterList];