From df11b5a97c6b1eb2672dbe77f216756988161a66 Mon Sep 17 00:00:00 2001
From: chansee97 <chen.dev@foxmail.com>
Date: Mon, 8 Sep 2025 22:31:38 +0800
Subject: [PATCH] chore: improve route management

---
 .env                                         |  2 +-
 src/layouts/components/header/UserCenter.vue | 10 +++++---
 src/store/auth.ts                            | 24 +++++++-------------
 src/store/router/helper.ts                   |  5 ++--
 src/store/router/index.ts                    | 15 +++++++++---
 5 files changed, 31 insertions(+), 25 deletions(-)

diff --git a/.env b/.env
index 5992ff0..7181b8e 100644
--- a/.env
+++ b/.env
@@ -8,7 +8,7 @@ VITE_APP_NAME = Nova - Admin
 VITE_ROUTE_MODE = web
 
 # 路由加载模式 static ｜ dynamic
-VITE_ROUTE_LOAD_MODE = static
+VITE_ROUTE_LOAD_MODE = dynamic
 
 # 设置登陆后跳转地址
 VITE_HOME_PATH = /home
diff --git a/src/layouts/components/header/UserCenter.vue b/src/layouts/components/header/UserCenter.vue
index daba447..f598273 100644
--- a/src/layouts/components/header/UserCenter.vue
+++ b/src/layouts/components/header/UserCenter.vue
@@ -8,7 +8,7 @@ import IconUser from '~icons/icon-park-outline/user'
 
 const { t } = useI18n()
 
-const { userInfo, logout } = useAuthStore()
+const authStore = useAuthStore()
 const router = useRouter()
 
 const options = computed(() => {
@@ -56,7 +56,7 @@ function handleSelect(key: string | number) {
       positiveText: t('common.confirm'),
       negativeText: t('common.cancel'),
       onPositiveClick: () => {
-        logout()
+        authStore.logout()
       },
     })
   }
@@ -72,6 +72,10 @@ function handleSelect(key: string | number) {
   if (key === 'docs')
     window.open('https://nova-admin-docs.pages.dev/')
 }
+
+const avatarUrl = computed(() => {
+  return authStore.userInfo?.avatar || `https://api.dicebear.com/9.x/adventurer-neutral/svg?seed=${authStore.userInfo?.username}`
+})
 </script>
 
 <template>
@@ -83,7 +87,7 @@ function handleSelect(key: string | number) {
     <n-avatar
       round
       class="cursor-pointer"
-      :src="userInfo?.avatar || `https://api.dicebear.com/9.x/adventurer-neutral/svg?seed=${userInfo!.username}`"
+      :src="avatarUrl"
     >
       <template #fallback>
         <div class="wh-full flex-center">
diff --git a/src/store/auth.ts b/src/store/auth.ts
index 19c8f2e..74ec235 100644
--- a/src/store/auth.ts
+++ b/src/store/auth.ts
@@ -5,7 +5,7 @@ import { useRouteStore } from './router'
 import { useTabStore } from './tab'
 
 interface AuthStatus {
-  userInfo: Entity.User
+  userInfo: Partial<Entity.User>
   roles: string[]
   permissions: string[]
 }
@@ -38,14 +38,12 @@ export const useAuthStore = defineStore('auth-store', {
       // 重置当前存储库
       this.$reset()
       // 重定向到登录页
-      if (route.meta.requiresAuth) {
-        router.push({
-          name: 'login',
-          query: {
-            redirect: route.fullPath,
-          },
-        })
-      }
+      router.push({
+        name: 'login',
+        query: {
+          redirect: route.fullPath,
+        },
+      })
     },
     clearAuthStorage() {
       local.remove('accessToken')
@@ -65,13 +63,7 @@ export const useAuthStore = defineStore('auth-store', {
       const { data } = await fetchLogin(loginData)
 
       // 处理登录信息
-      try {
-        await this.handleLoginInfo(data)
-      }
-      catch (error) {
-        console.error('Failed to handle login info:', error)
-        throw error
-      }
+      await this.handleLoginInfo(data)
 
       // 更新用户信息
       await this.updataUserInfo()
diff --git a/src/store/router/helper.ts b/src/store/router/helper.ts
index 82358be..bb281cd 100644
--- a/src/store/router/helper.ts
+++ b/src/store/router/helper.ts
@@ -82,6 +82,7 @@ export function createMenus(userRoutes: Entity.Menu[]): MenuOption[] {
 
 // render the returned routing table as a sidebar
 function transformAuthRoutesToMenus(userRoutes: Entity.Menu[]) {
+  const routes = clone(userRoutes)
   const homeRoute: Entity.Menu = {
     id: 9999999999999,
     parentId: 0,
@@ -91,8 +92,8 @@ function transformAuthRoutesToMenus(userRoutes: Entity.Menu[]) {
     menuVisible: true,
     menuType: 'page',
   }
-  userRoutes.unshift(homeRoute)
-  return userRoutes
+  routes.unshift(homeRoute)
+  return routes
     // filter menus that do not need to be displayed
     .filter(route => route.menuVisible !== false)
     //  Sort the menu according to the order size
diff --git a/src/store/router/index.ts b/src/store/router/index.ts
index b951ecd..97ef18a 100644
--- a/src/store/router/index.ts
+++ b/src/store/router/index.ts
@@ -11,6 +11,7 @@ interface RoutesStatus {
   rowRoutes: Entity.Menu[]
   activeMenu: string | null
   cacheRoutes: string[]
+  dynamicRouteNames: string[]
 }
 export const useRouteStore = defineStore('route-store', {
   state: (): RoutesStatus => {
@@ -20,6 +21,7 @@ export const useRouteStore = defineStore('route-store', {
       menus: [],
       rowRoutes: [],
       cacheRoutes: [],
+      dynamicRouteNames: [],
     }
   },
   actions: {
@@ -28,8 +30,14 @@ export const useRouteStore = defineStore('route-store', {
       this.$reset()
     },
     resetRoutes() {
-      if (router.hasRoute('appRoot'))
-        router.removeRoute('appRoot')
+      // Remove only dynamically added routes, preserve built-in routes
+      this.dynamicRouteNames.forEach((routeName) => {
+        if (router.hasRoute(routeName)) {
+          router.removeRoute(routeName)
+        }
+      })
+      // Clear the dynamic route names array
+      this.dynamicRouteNames = []
     },
     // set the currently highlighted menu key
     setActiveMenu(key: string) {
@@ -68,9 +76,10 @@ export const useRouteStore = defineStore('route-store', {
 
         // Generate actual route and insert
         const routes = createRoutes(rowRoutes)
-        // Add each route as a child of appRoot
+        // Add each route as a child of appRoot and track their names
         routes.forEach((route) => {
           router.addRoute('appRoot', route as any)
+          this.dynamicRouteNames.push(route.name)
         })
 
         // Generate side menu