路由更改提交

src/permission.ts

 import router from "@/router";
 import { useUserStoreHook } from "@/store/modules/user";
-import { usePermissionStoreHook } from "@/store/modules/permission";
 import { getToken } from "@/utils/auth";
 
 import NProgress from "nprogress";
@@ -9,7 +8,6 @@ import "nprogress/nprogress.css";
 NProgress.configure({ showSpinner: false }); // 进度条
 
 const userStore = useUserStoreHook();
-const permissionStore = usePermissionStoreHook();
 
 // 白名单路由
 const whiteList = ["/login"];
@@ -32,20 +30,15 @@ router.beforeEach(async (to, from, next) => {
         }
       } else {
         try {
-          const { roles, permissions, menus, user } =
-            await userStore.getUserInfo();
+          const { permissions } = await userStore.getUserInfo();
           if (permissions && permissions.length > 0) {
             const accessRoutes = await userStore.generateRoutes();
-            // const accessRoutes = await permissionStore.generateRoutes(roles);
-            console.log(accessRoutes);
             accessRoutes.forEach((route) => {
-              console.log(route);
               router.addRoute(route);
             });
             next({ ...to, replace: true });
           } else {
             userStore.logout().then((_) => {
-              console.log("用户无权限2");
               alert("用户无权限");
               next(`/login`);
             });

src/store/modules/user.ts

 import { RouteRecordRaw } from "vue-router";
 import { defineStore } from "pinia";
 
-import { loginApi, logoutApi } from "@/api/auth";
+import { loginApi } from "@/api/auth";
 import { getUserInfoApi } from "@/api/user";
 import { constantRoutes, resetRouter } from "@/router";
 import { store } from "@/store";
@@ -9,10 +9,8 @@ import { store } from "@/store";
 import { LoginData } from "@/api/auth/types";
 import { UserInfo } from "@/api/user/types";
 
-import { useStorage } from "@vueuse/core";
 import { getToken, setToken } from "@/utils/auth";
 import { ref } from "vue";
-import { listRoutes } from "@/api/menu";
 const Layout = () => import("@/layout/index.vue");
 const modules = import.meta.glob("../../views/**/**.vue");
 
@@ -26,6 +24,7 @@ export const useUserStore = defineStore("user", () => {
     specialTag: "",
   });
   const menus = ref<RouteRecordRaw[]>([]);
+  let menusList: RouteRecordRaw[] = [];
 
   function setRoutes(newRoutes: RouteRecordRaw[]) {
     menus.value = constantRoutes.concat(newRoutes);
@@ -33,7 +32,6 @@ export const useUserStore = defineStore("user", () => {
   /**
    * 登录
    *
-   * @param {LoginData}
    * @returns
    */
   function login(loginData: LoginData) {
@@ -60,12 +58,12 @@ export const useUserStore = defineStore("user", () => {
           } else {
             user.roles = ["ROLE_DEFAULT"];
           }
-          user.roles = data.roles;
           user.permissions = data.permissions;
           user.username = data.user?.username;
           user.specialTag = data.user?.specialTag;
           user.avatar = data.user?.avatar;
           menus.value = data.menus;
+          menusList = data.menus;
           resolve(data);
         })
         .catch((error) => {
@@ -76,16 +74,18 @@ export const useUserStore = defineStore("user", () => {
 
   // user logout
   function logout() {
-    return new Promise<void>((resolve, reject) => {
-      logoutApi()
-        .then(() => {
+    return new Promise<void>((resolve) => {
+      // logoutApi()
+      //   .then(() => {
       user.token = "";
+      user.roles = [];
+      user.permissions = [];
       location.reload(); // 清空路由
       resolve();
-        })
-        .catch((error) => {
-          reject(error);
-        });
+      // })
+      // .catch((error) => {
+      //   reject(error);
+      // });
     });
   }
 
@@ -106,10 +106,9 @@ export const useUserStore = defineStore("user", () => {
   function generateRoutes() {
     return new Promise<RouteRecordRaw[]>((resolve, reject) => {
       // 接口获取所有路由
-      if (menus.value.length > 0) {
+      if (menusList.length > 0) {
         // 根据角色获取有访问权限的路由
-        const accessedRoutes = filterAsyncRoutes(menus.value);
-        console.log(accessedRoutes);
+        const accessedRoutes = filterAsyncRoutes(menusList);
         setRoutes(accessedRoutes);
         resolve(accessedRoutes);
       } else {
@@ -119,19 +118,20 @@ export const useUserStore = defineStore("user", () => {
   }
   function loadView(view: any) {
     // return () => import(`@/views/${view}.vue`);
-    const path = modules[`../../views/${view}.vue`];
-    return path;
+    return modules[`../../views/${view}.vue`];
   }
 
   /**
    * 递归过滤有权限的异步(动态)路由
    *
    * @param routes 接口返回的异步(动态)路由
-   * @param roles 用户角色集合
    * @returns 返回用户有权限的异步(动态)路由
    */
   function filterAsyncRoutes(routes: RouteRecordRaw[]) {
     return routes.filter((route) => {
+      if (route.path[0] !== "/") {
+        route.path = "/" + route.path;
+      }
       if (route.component) {
         // Layout组件特殊处理
         if (route.component?.toString() === "Layout") {