更改校端权限

src/router/index.ts

@@ -1,9 +1,44 @@
 import { createRouter, createWebHashHistory } from "vue-router";
+import type { RouteLocationNormalizedLoaded, RouteRecordRaw } from "vue-router";
 import routes from "./routes";
-
+import { useDefaultStore } from "@/store";
+import { UserRoleEnum } from "@/types";
 
 const router = createRouter({
     history: createWebHashHistory(),
     routes,
 });
-export default router;
+
+/**
+ * 当前角色是否可访问目标路由（meta.roles 未声明 = 登录即可访问）。
+ * 供路由守卫与 App.vue 角色落定后的复核共用。
+ */
+export function isRouteAllowed(
+    route: RouteLocationNormalizedLoaded | RouteRecordRaw,
+    role: UserRoleEnum
+): boolean {
+    const roles = (route.meta?.roles ?? null) as UserRoleEnum[] | null;
+    return !roles || roles.length === 0 || roles.includes(role);
+}
+
+/**
+ * 路由守卫（防止直接敲 URL 绕过菜单）：
+ * - 角色未落定（roleLoaded=false，首次导航早于 App.vue 的 GetUserScope）时放行，
+ *   由 App.vue 在角色落定后调用本守卫的复核逻辑重定向；
+ * - 角色已落定后按 meta.roles 校验，不满足重定向 /no-auth。
+ */
+router.beforeEach(to => {
+    if (to.path === "/no-auth") {
+        return true;
+    }
+    const store = useDefaultStore();
+    if (!store.roleLoaded) {
+        return true;
+    }
+    if (!isRouteAllowed(to, store.userRole)) {
+        return { path: "/no-auth", replace: true };
+    }
+    return true;
+});
+
+export default router;