update

src/api.ts

@@ -25,7 +25,8 @@ http.interceptors.response.use(
           router.push("/")
           break
         case 403: // 禁止访问
-          alert("禁止访问")
+          alert("权限不够，禁止访问")
+          router.push("/")
           break
         default:
           console.error("出现错误：", err.response.status, err.response.data)

src/pages/Dashboard.vue

@@ -1,15 +1,28 @@
 <template>
   <n-flex class="container" :wrap="false">
     <n-flex vertical class="menu">
-      <n-button @click="$router.push({ name: 'home' })">返回</n-button>
-      <n-button @click="$router.push({ name: 'tutorial' })">教程</n-button>
+      <n-button secondary @click="$router.push({ name: 'home' })">
+        返回
+      </n-button>
+      <n-button
+        v-for="item in menu"
+        :type="$route.name === item.name ? 'primary' : 'default'"
+        @click="$router.push({ name: item.name })"
+      >
+        {{ item.label }}
+      </n-button>
     </n-flex>
     <n-flex class="content">
       <router-view></router-view>
     </n-flex>
   </n-flex>
 </template>
-<script lang="ts" setup></script>
+<script lang="ts" setup>
+const menu = [
+  { label: "教程", name: "tutorial" },
+  { label: "用户", name: "user-manage" },
+]
+</script>
 <style scoped>
 .container {
   height: 100vh;

src/pages/UserManage.vue

@@ -0,0 +1 @@
+<template>用户管理页面</template>

src/router.ts

@@ -17,6 +17,11 @@ const routes = [
         name: "tutorial",
         component: () => import("./pages/Markdown.vue"),
       },
+      {
+        path: "user-manage",
+        name: "user-manage",
+        component: () => import("./pages/UserManage.vue"),
+      },
     ],
   },
 ]