项目微调

优化封装的路由菜单

frontend/src/routers/index.ts

@@ -32,7 +32,9 @@ const routerMode = {
 const router = createRouter({
   history: routerMode[mode](),
   routes: [...staticRouter, ...errorRouter],
+  // 不区分路由大小写，非严格模式下提供了更宽松的路径匹配
   strict: false,
+  // 页面刷新时，滚动条位置还原
   scrollBehavior: () => ({ left: 0, top: 0 })
 });
 

frontend/src/routers/modules/staticRouter.ts

@@ -1,6 +1,6 @@
 import { RouteRecordRaw } from "vue-router";
 import { HOME_URL, LOGIN_URL } from "@/config";
-
+export const Layout = () => import('@/layouts/index.vue');
 /**
  * staticRouter (静态路由)
  */
@@ -20,9 +20,7 @@ export const staticRouter: RouteRecordRaw[] = [
   {
     path: "/layout",
     name: "layout",
-    component: () => import("@/layouts/index.vue"),
-    // component: () => import("@/layouts/indexAsync.vue"),
-    // redirect: HOME_URL,
+    component: Layout,
     children: [
       {
         path: "/plan",
@@ -53,6 +51,11 @@ export const staticRouter: RouteRecordRaw[] = [
  * errorRouter (错误页面路由)
  */
 export const errorRouter = [
+  {
+    path: "/layout",
+    name: "layout",
+    component: Layout,
+    children: [
       {
         path: "/403",
         name: "403",
@@ -82,4 +85,6 @@ export const errorRouter = [
         path: "/:pathMatch(.*)*",
         component: () => import("@/components/ErrorMessage/404.vue"),
       },
+    ],
+  },
 ];

frontend/src/stores/interface/index.ts

@@ -1,8 +1,8 @@
-export type LayoutType = "vertical" | "classic" | "transverse" | "columns";
+export type LayoutType = 'vertical' | 'classic' | 'transverse' | 'columns';
 
-export type AssemblySizeType = "large" | "default" | "small";
+export type AssemblySizeType = 'large' | 'default' | 'small';
 
-export type LanguageType = "zh" | "en" | null;
+export type LanguageType = 'zh' | 'en' | null;
 
 /* GlobalState */
 export interface GlobalState {
@@ -53,6 +53,7 @@ export interface AuthState {
     [key: string]: string[];
   };
   authMenuList: Menu.MenuOptions[];
+  showMenuFlag: boolean;
 }
 
 /* KeepAliveState */