From 764cb71f3967bbfee531c0f0a364c9e00c0f163c Mon Sep 17 00:00:00 2001
From: BlushGo <dzq1007650105@gmail.com>
Date: Wed, 19 Mar 2025 23:02:46 +0800
Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9E=20fix(tabs):=20fix=20redirect=20ta?=
 =?UTF-8?q?g=20while=20refresh=20in=20header?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/layout/components/Header/index.vue | 24 +++++++++++++-----------
 src/router/guards.ts                   | 15 ++++++++-------
 src/store/modules/tabsView.ts          |  3 ++-
 3 files changed, 23 insertions(+), 19 deletions(-)

diff --git a/src/layout/components/Header/index.vue b/src/layout/components/Header/index.vue
index ba3b6ea..a4ad2cb 100644
--- a/src/layout/components/Header/index.vue
+++ b/src/layout/components/Header/index.vue
@@ -44,7 +44,7 @@
       <n-breadcrumb v-if="crumbsSetting.show">
         <template
           v-for="routeItem in breadcrumbList"
-          :key="routeItem.name === 'Redirect' ? void 0 : routeItem.name"
+          :key="routeItem.name === RedirectName ? void 0 : routeItem.name"
         >
           <n-breadcrumb-item v-if="routeItem.meta.title">
             <n-dropdown
@@ -129,17 +129,18 @@
 </template>
 
 <script lang="ts">
-  import { defineComponent, reactive, toRefs, ref, computed, unref } from 'vue';
-  import { useRouter, useRoute } from 'vue-router';
-  import components from './components';
-  import { NDialogProvider, useDialog, useMessage } from 'naive-ui';
-  import { TABS_ROUTES } from '@/store/mutation-types';
-  import { useUserStore } from '@/store/modules/user';
-  import { useScreenLockStore } from '@/store/modules/screenLock';
-  import ProjectSetting from './ProjectSetting.vue';
-  import { AsideMenu } from '@/layout/components/Menu';
-  import { useProjectSetting } from '@/hooks/setting/useProjectSetting';
   import { websiteConfig } from '@/config/website.config';
+  import { useProjectSetting } from '@/hooks/setting/useProjectSetting';
+  import { AsideMenu } from '@/layout/components/Menu';
+  import { RedirectName } from '@/router/constant';
+  import { useScreenLockStore } from '@/store/modules/screenLock';
+  import { useUserStore } from '@/store/modules/user';
+  import { TABS_ROUTES } from '@/store/mutation-types';
+  import { NDialogProvider, useDialog, useMessage } from 'naive-ui';
+  import { computed, defineComponent, reactive, ref, toRefs, unref } from 'vue';
+  import { useRoute, useRouter } from 'vue-router';
+  import components from './components';
+  import ProjectSetting from './ProjectSetting.vue';
 
   export default defineComponent({
     name: 'PageHeader',
@@ -346,6 +347,7 @@
         mixMenu,
         websiteConfig,
         handleMenuCollapsed,
+        RedirectName,
       };
     },
   });
diff --git a/src/router/guards.ts b/src/router/guards.ts
index 8959095..794fec9 100644
--- a/src/router/guards.ts
+++ b/src/router/guards.ts
@@ -1,11 +1,12 @@
-import type { RouteRecordRaw } from 'vue-router';
-import { isNavigationFailure, Router } from 'vue-router';
-import { useUser } from '@/store/modules/user';
-import { useAsyncRoute } from '@/store/modules/asyncRoute';
-import { ACCESS_TOKEN } from '@/store/mutation-types';
-import { storage } from '@/utils/Storage';
 import { PageEnum } from '@/enums/pageEnum';
 import { ErrorPageRoute } from '@/router/base';
+import { useAsyncRoute } from '@/store/modules/asyncRoute';
+import { useUser } from '@/store/modules/user';
+import { ACCESS_TOKEN } from '@/store/mutation-types';
+import { storage } from '@/utils/Storage';
+import type { RouteRecordRaw } from 'vue-router';
+import { isNavigationFailure, Router } from 'vue-router';
+import { RedirectName } from './constant';
 
 const LOGIN_PATH = PageEnum.BASE_LOGIN;
 
@@ -91,7 +92,7 @@ export function createRouterGuards(router: Router) {
     if (currentComName && !keepAliveComponents.includes(currentComName) && to.meta?.keepAlive) {
       // 需要缓存的组件
       keepAliveComponents.push(currentComName);
-    } else if (!to.meta?.keepAlive || to.name == 'Redirect') {
+    } else if (!to.meta?.keepAlive || to.name == RedirectName) {
       // 不需要缓存的组件
       const index = asyncRouteStore.keepAliveComponents.findIndex((name) => name == currentComName);
       if (index != -1) {
diff --git a/src/store/modules/tabsView.ts b/src/store/modules/tabsView.ts
index d2d8938..796ec65 100644
--- a/src/store/modules/tabsView.ts
+++ b/src/store/modules/tabsView.ts
@@ -1,8 +1,9 @@
+import { RedirectName } from '@/router/constant';
 import { defineStore } from 'pinia';
 import { RouteLocationNormalized } from 'vue-router';
 
 // 不需要出现在标签页中的路由
-const whiteList = ['Redirect', 'login'];
+const whiteList = [RedirectName, `${RedirectName}Son`, 'login'];
 
 export type RouteItem = Partial<RouteLocationNormalized> & {
   fullPath: string;