feat: init

src/router/guard/permission.ts

@@ -0,0 +1,48 @@
+import NProgress from 'nprogress' // progress bar
+import type { Router, RouteRecordNormalized } from 'vue-router'
+
+import usePermission from '@/hooks/permission'
+import { useAppStore, useUserStore } from '@/store'
+import { NOT_FOUND, WHITE_LIST } from '../constants'
+import { appRoutes } from '../routes'
+
+export default function setupPermissionGuard(router: Router) {
+  router.beforeEach(async (to, from, next) => {
+    const appStore = useAppStore()
+    const userStore = useUserStore()
+    const Permission = usePermission()
+    const permissionsAllow = Permission.accessRouter(to)
+    if (appStore.menuFromServer) {
+      // 针对来自服务端的菜单配置进行处理
+      // Handle routing configuration from the server
+
+      // 根据需要自行完善来源于服务端的菜单配置的permission逻辑
+      // Refine the permission logic from the server's menu configuration as needed
+      if (!appStore.appAsyncMenus.length && !WHITE_LIST.find((el) => el.name === to.name)) {
+        await appStore.fetchServerMenuConfig()
+      }
+      const serverMenuConfig = [...appStore.appAsyncMenus, ...WHITE_LIST]
+
+      let exist = false
+      while (serverMenuConfig.length && !exist) {
+        const element = serverMenuConfig.shift()
+        if (element?.name === to.name) exist = true
+
+        if (element?.children) {
+          serverMenuConfig.push(...(element.children as unknown as RouteRecordNormalized[]))
+        }
+      }
+      if (exist && permissionsAllow) {
+        next()
+      } else next(NOT_FOUND)
+    } else {
+      // eslint-disable-next-line no-lonely-if
+      if (permissionsAllow) next()
+      else {
+        const destination = Permission.findFirstPermissionRoute(appRoutes, userStore.role) || NOT_FOUND
+        next(destination)
+      }
+    }
+    NProgress.done()
+  })
+}