fixed:flipped-aurora#1336 (flipped-aurora#1337)

奇淼（piexlmax · web-flow · commit a15c09ce070a · 2023-01-14T10:27:07.000+08:00
diff --git a/web/src/permission.js b/web/src/permission.js
@@ -4,8 +4,6 @@ import getPageTitle from '@/utils/page'
 import router from '@/router'
 import Nprogress from 'nprogress'
 
-let asyncRouterFlag = 0
-
 const whiteList = ['Login', 'Init']
 
 const getRouter = async(userStore) => {
@@ -38,6 +36,7 @@ async function handleKeepAlive(to) {
 }
 
 router.beforeEach(async(to, from) => {
+  const routerStore = useRouterStore()
   Nprogress.start()
   const userStore = useUserStore()
   to.meta.matched = [...to.matched]
@@ -47,8 +46,7 @@ router.beforeEach(async(to, from) => {
   document.title = getPageTitle(to.meta.title, to)
   if (whiteList.indexOf(to.name) > -1) {
     if (token) {
-      if (!asyncRouterFlag && whiteList.indexOf(from.name) < 0) {
-        asyncRouterFlag++
+      if (!routerStore.asyncRouterFlag && whiteList.indexOf(from.name) < 0) {
         await getRouter(userStore)
       }
       // token 可以解析但是却是不存在的用户 id 或角色 id 会导致无限调用
@@ -71,8 +69,7 @@ router.beforeEach(async(to, from) => {
     // 不在白名单中并且已经登录的时候
     if (token) {
       // 添加flag防止多次获取动态路由和栈溢出
-      if (!asyncRouterFlag && whiteList.indexOf(from.name) < 0) {
-        asyncRouterFlag++
+      if (!routerStore.asyncRouterFlag && whiteList.indexOf(from.name) < 0) {
         await getRouter(userStore)
         if (userStore.token) {
           return { ...to, replace: true }
diff --git a/web/src/pinia/modules/router.js b/web/src/pinia/modules/router.js
@@ -47,6 +47,7 @@ const KeepAliveFilter = (routes) => {
 
 export const useRouterStore = defineStore('router', () => {
   const keepAliveRouters = ref([])
+  const asyncRouterFlag = ref(0)
   const setKeepAliveRouters = (history) => {
     const keepArrTemp = []
     history.forEach(item => {
@@ -63,6 +64,7 @@ export const useRouterStore = defineStore('router', () => {
   const routeMap = ({})
   // 从后台获取动态路由
   const SetAsyncRouter = async() => {
+    asyncRouterFlag.value++
     const baseRouter = [{
       path: '/layout',
       name: 'layout',
@@ -114,6 +116,7 @@ export const useRouterStore = defineStore('router', () => {
     asyncRouters,
     routerList,
     keepAliveRouters,
+    asyncRouterFlag,
     SetAsyncRouter,
     routeMap
   }
