fix: 将 401 页面重命名为 403

README.md

@@ -31,7 +31,7 @@
 - **权限管理**：内置页面权限（动态路由）、指令权限、权限函数、路由守卫
 - **多环境**：开发环境（development）、预发布环境（staging）、正式环境（production）
 - **多主题**：内置普通、黑暗两种主题模式
-- **错误页面**: 401、404
+- **错误页面**: 403、404
 - **Dashboard**：根据不同用户显示不同的 Dashboard 页面
 - **其他内置功能**：SVG、动态侧边栏、动态面包屑、标签页快捷导航、Screenfull 全屏、自适应收缩侧边栏（兼容移动端）
 

src/router/index.ts

@@ -182,11 +182,11 @@ export const asyncRoutes: Array<RouteRecordRaw> = [
     },
     children: [
       {
-        path: "401",
+        path: "403",
-        component: () => import("@/views/error-page/401.vue"),
+        component: () => import("@/views/error-page/403.vue"),
-        name: "401",
+        name: "403",
         meta: {
-          title: "401"
+          title: "403"
         }
       },
       {

src/views/error-page/403.vue

@@ -1,6 +1,6 @@
 <template>
   <div>
-    <p style="text-align: center; font-size: 140px; margin-bottom: 50px">401</p>
+    <p style="text-align: center; font-size: 140px; margin-bottom: 50px">403</p>
     <p style="text-align: center; font-size: 40px">你没有权限去该页面</p>
   </div>
 </template>

src/views/permission/page.vue

@@ -5,7 +5,7 @@ import SwitchRoles from "./components/SwitchRoles.vue"
 const router = useRouter()
 
 const handleRolesChange = () => {
-  router.push({ path: "/401" }).catch((err) => {
+  router.push({ path: "/403" }).catch((err) => {
     console.warn(err)
   })
 }