✨ init Project

src/permission.js

@@ -0,0 +1,147 @@
+import { useUserStore } from '@/pinia/modules/user'
+import { useRouterStore } from '@/pinia/modules/router'
+import getPageTitle from '@/utils/page'
+import router from '@/router'
+import Nprogress from 'nprogress'
+import 'nprogress/nprogress.css'
+
+// 配置 NProgress
+Nprogress.configure({
+  showSpinner: false,
+  ease: 'ease',
+  speed: 500
+})
+
+// 白名单路由
+const WHITE_LIST = ['Login', 'Init']
+
+// 处理路由加载
+const setupRouter = async (userStore) => {
+  try {
+    const routerStore = useRouterStore()
+    await Promise.all([routerStore.SetAsyncRouter(), userStore.GetUserInfo()])
+
+    routerStore.asyncRouters.forEach((route) => router.addRoute(route))
+    return true
+  } catch (error) {
+    console.error('Setup router failed:', error)
+    return false
+  }
+}
+
+// 移除加载动画
+const removeLoading = () => {
+  const element = document.getElementById('gva-loading-box')
+  element?.remove()
+}
+
+// 处理组件缓存
+const handleKeepAlive = async (to) => {
+  if (!to.matched.some((item) => item.meta.keepAlive)) return
+
+  if (to.matched?.length > 2) {
+    for (let i = 1; i < to.matched.length; i++) {
+      const element = to.matched[i - 1]
+
+      if (element.name === 'layout') {
+        to.matched.splice(i, 1)
+        await handleKeepAlive(to)
+        continue
+      }
+
+      if (typeof element.components.default === 'function') {
+        await element.components.default()
+        await handleKeepAlive(to)
+      }
+    }
+  }
+}
+
+// 处理路由重定向
+const handleRedirect = (to, userStore) => {
+  if (router.hasRoute(userStore.userInfo.authority.defaultRouter)) {
+    return { ...to, replace: true }
+  }
+  return { path: '/layout/404' }
+}
+
+// 路由守卫
+router.beforeEach(async (to, from) => {
+  const userStore = useUserStore()
+  const routerStore = useRouterStore()
+  const token = userStore.token
+
+  Nprogress.start()
+
+  // 处理元数据和缓存
+  to.meta.matched = [...to.matched]
+  await handleKeepAlive(to)
+
+  // 设置页面标题
+  document.title = getPageTitle(to.meta.title, to)
+
+  if (to.meta.client) {
+    return true
+  }
+
+  // 白名单路由处理
+  if (WHITE_LIST.includes(to.name)) {
+    if (token) {
+      if(!routerStore.asyncRouterFlag){
+        await setupRouter(userStore)
+      }
+      if(userStore.userInfo.authority.defaultRouter){
+        return { name: userStore.userInfo.authority.defaultRouter }
+      }
+    }
+    return  true
+  }
+
+  // 需要登录的路由处理
+  if (token) {
+    // 处理需要跳转到首页的情况
+    if (sessionStorage.getItem('needToHome') === 'true') {
+      sessionStorage.removeItem('needToHome')
+      return { path: '/' }
+    }
+
+    // 处理异步路由
+    if (!routerStore.asyncRouterFlag && !WHITE_LIST.includes(from.name)) {
+      const setupSuccess = await setupRouter(userStore)
+
+      if (setupSuccess && userStore.token) {
+        return handleRedirect(to, userStore)
+      }
+
+      return {
+        name: 'Login',
+        query: { redirect: to.href }
+      }
+    }
+
+    return to.matched.length ? true : { path: '/layout/404' }
+  }
+
+  // 未登录跳转登录页
+  return {
+    name: 'Login',
+    query: {
+      redirect: document.location.hash
+    }
+  }
+})
+
+// 路由加载完成
+router.afterEach(() => {
+  document.querySelector('.main-cont.main-right')?.scrollTo(0, 0)
+  Nprogress.done()
+})
+
+// 路由错误处理
+router.onError((error) => {
+  console.error('Router error:', error)
+  Nprogress.remove()
+})
+
+// 移除初始加载动画
+removeLoading()