chore: update

src/App.jsx

@@ -3,7 +3,7 @@ import { ErrorBoundary } from 'react-error-boundary'
 import { Button } from 'antd'
 import './App.less'
 
-import { GetroutesDyamic } from '@/routes/index'
+import { GetRoutesDynamic } from '@/routes/index'
 
 function fallbackRender({ error, resetErrorBoundary }) {
   return (
@@ -20,7 +20,7 @@ function App() {
   return (
     <ErrorBoundary fallbackRender={fallbackRender}>
       <Suspense>
-        <GetroutesDyamic />
+        <GetRoutesDynamic />
       </Suspense>
     </ErrorBoundary>
   )

src/layout/index.jsx

@@ -18,7 +18,7 @@ import { generateToAntdMenus } from '@/utils/breadCrumb'
 const { Header, Content } = Layout
 
 function generateMenus(items = [], maxLevel = 2, level = 1) {
-  return items.map(item => {
+  return items.map((item) => {
     const children = level < maxLevel && item.childs ? generateMenus(item.childs, maxLevel, level + 1) : null
     return { key: item.id + '', path: item.front_url, label: <Link to={item.front_url}>{item.name}</Link>, children }
   })
@@ -50,7 +50,7 @@ export default function AppLayout() {
   }
 
   useEffect(() => {
-    (async () => {
+    ;(async () => {
       await getSSOToken()
       await getMenu()
     })()

src/routes/baseRouter.jsx

 import { lazy } from 'react'
-import { Navigate } from 'react-router-dom'
+// import { Navigate } from 'react-router-dom'
 import { authComponent } from './lazyLoadAndDelay' // 添加一个固定的延迟时间，以便你可以看到加载状态
 
 import Layout from '@/layout/index'
@@ -24,8 +24,8 @@ const baseRouter = [
         Component: lazy(() => import('@/pages/user-module/login'))
       }
     ]
-  },
-  { path: '*', element: <Navigate to="/" /> }
+  }
+  // { path: '*', element: <Navigate to="/" /> }
 ]
 
 export default baseRouter

src/routes/index.jsx

-import { useEffect } from 'react';
-import { useRoutes, Navigate } from 'react-router-dom';
-import { filterAsyncRouter } from './lazyLoadAndDelay';
-import { useSelector } from 'react-redux';
-import baseRouter from './baseRouter';
+import { useEffect } from 'react'
+import { useRoutes, Navigate } from 'react-router-dom'
+import { filterAsyncRouter } from './lazyLoadAndDelay'
+import { useSelector } from 'react-redux'
+import baseRouter from './baseRouter'
 
 const addDefaultNavigation = (menuRoutes) => {
   menuRoutes.forEach((item) => {
-    const children = item.children;
+    const children = item.children
 
     if (children && children.length > 0) {
       // 如果有子项，递归调用 addDefaultNavigation
-      addDefaultNavigation(children);
+      addDefaultNavigation(children)
 
       // 在 children 数组的开头添加默认导航项
       children.unshift({
         index: true,
-        element: <Navigate to={children[0].path} />,
-      });
+        element: <Navigate to={children[0].path} />
+      })
     }
-  });
-  return menuRoutes;
-};
+  })
+  return menuRoutes
+}
 
-const GetroutesDyamic = () => {
+const GetRoutesDynamic = () => {
   // 合并路由
-  const { menuRouter } = useSelector((state) => state.user);
+  const { menuRouter } = useSelector((state) => state.user)
   useEffect(() => {
     if (menuRouter?.length) {
-      const menuRoutes = filterAsyncRouter(menuRouter);
-      const hasRoute = baseRouter[0].children;
-      const newMenus = addDefaultNavigation(menuRoutes);
+      const menuRoutes = filterAsyncRouter(menuRouter)
+      const hasRoute = baseRouter[0].children
+      const newMenus = addDefaultNavigation(menuRoutes)
       const firstObj = {
         index: true,
-        element: <Navigate to={newMenus[0].path} />,
-      };
-      baseRouter[0].children = [firstObj, ...newMenus, ...hasRoute];
+        element: <Navigate to={newMenus[0].path} />
+      }
+      baseRouter[0].children = [firstObj, ...newMenus, ...hasRoute]
     }
-  }, [menuRouter]);
-  const element = useRoutes(baseRouter);
+  }, [menuRouter])
+  console.log(baseRouter)
+  const element = useRoutes(baseRouter)
 
-  return <>{element}</>;
-};
+  return <>{element}</>
+}
 
-export { GetroutesDyamic };
+export { GetRoutesDynamic }