diff --git a/src/layouts/components/DefaultLayoutWithVerticalNav.vue b/src/layouts/components/DefaultLayoutWithVerticalNav.vue
index 1c77389e..8ef87d65 100644
--- a/src/layouts/components/DefaultLayoutWithVerticalNav.vue
+++ b/src/layouts/components/DefaultLayoutWithVerticalNav.vue
@@ -160,7 +160,7 @@ const superUser = store.state.auth.superUser
         :item="{
           title: '设定',
           icon: 'mdi-cog',
-          to: '/setting',
+          to: '/setting/account',
         }"
       />
     </template>
diff --git a/src/pages/setting.vue b/src/pages/setting.vue
index c6f94be9..81d6b8e3 100644
--- a/src/pages/setting.vue
+++ b/src/pages/setting.vue
@@ -73,7 +73,7 @@ const tabs = [
 <template>
   <div>
     <VTabs v-model="activeTab" show-arrows class="v-tabs-pill">
-      <VTab v-for="item in tabs" :key="item.icon" :value="item.tab">
+      <VTab v-for="item in tabs" :key="item.icon" :value="item.tab" :to="'/setting/' + item.tab">
         <VIcon size="20" start :icon="item.icon" />
         {{ item.title }}
       </VTab>
diff --git a/src/router/index.ts b/src/router/index.ts
index 54498891..c43c9783 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -92,7 +92,7 @@ const router = createRouter({
           },
         },
         {
-          path: 'setting',
+          path: 'setting/:tab',
           component: () => import('../pages/setting.vue'),
           meta: {
             requiresAuth: true,