支持后台返回菜单功能

src/stores/router.ts

@@ -1,5 +1,6 @@
 import type { RouteRecordRaw } from 'vue-router'
 import { asyncRouter } from '@/router'
+// import { generatorDynamicRouter } from '@/utils/dynamicRouter'
 
 // eslint-disable-next-line
 function hasPermission(route: RouteRecordRaw, permission: any[]) {

src/stores/user.ts

@@ -6,7 +6,7 @@ export const useUserStore = defineStore({
   state: () => ({
     user: {},
     flag: false,
-    token: localStorage.getItem('token') || ''
+    token: localStorage.getItem('token') || 't'
   }),
   actions: {
     async getUserInfo() {

src/utils/dynamicRouter.ts

@@ -0,0 +1,24 @@
+const modules = import.meta.glob('../views/**/*.vue')
+
+const dynamicImport = (modules: any, component: string) => {
+  const keys = Object.keys(modules)
+  const matchKey = keys.find(key => {
+    const k = key.replace('../views/', '')
+    return k === component
+  })
+  return matchKey && modules[matchKey]
+}
+
+export const generatorDynamicRouter = (dynamicRouter: Array<any>) => {
+  dynamicRouter.forEach((item: any) => {
+    if (item.component) {
+      item.component = dynamicImport(modules, item.component)
+    } else {
+      delete item['component']
+    }
+    if (item.children) {
+      generatorDynamicRouter(item.children)
+    }
+  })
+  return dynamicRouter
+}

vite.config.ts

@@ -44,6 +44,9 @@ export default defineConfig(({ mode }) => {
           target: env.VITE_BASE_PATH,
           changeOrigin: true
         }
+      },
+      hmr: {
+        overlay: false
       }
     }
   }