登出时必须彻底清理动态路由以防止权限泄露，推荐重置整个路由匹配器或批量移除已知动态路由，并同步清空pinia状态与本地缓存。
用户登出时，动态路由必须彻底清理，否则残留的权限路由可能被手动访问、重复注册，或与新用户权限冲突。关键不是“删掉几条路由”，而是恢复到登录前的干净状态。
重置整个路由匹配器（最彻底）
Vue Router 4 没有 resetRoutes() 方法，但可通过替换 matcher 实现等效效果。前提是初始化时保存原始路由配置：
- 在创建 router 实例时，用常量保存基础路由（如登录页、404、首页等）
- 导出一个
resetRouter()函数，新建一个同配置的 router，并将其matcher赋值给当前 router - 登出时调用该函数，确保所有动态添加的路由、守卫、缓存状态全部失效
批量移除已知动态路由（需主动维护）
如果动态路由是按角色名、菜单 ID 或固定命名规则添加的，推荐显式记录并批量清除：
vue-admin-change-reviewer
下载
审查 Vue 管理后台的变更请求（Vue 2 + Element UI，Vue 3 + Element Plus）。重点关注最小化变更实现、上线风险检查以及回归检查清单生成。
- 定义数组如
const dynamicRouteNames = ['AdminDashboard', 'UserList', 'OrderManage'] - 每次调用
router.addRoute()后，把 name 推入该数组 - 登出时遍历执行
router.removeRoute(name)，再清空数组 - 配合
router.hasRoute(name)可避免重复移除报错
配合 Pinia 状态与路由守卫联动
仅删路由不够——用户登出后若仍保留旧路由，router.beforeEach 守卫可能因 store 状态未清而放行非法路径：
- 登出逻辑中先调用
authStore.$reset()清空权限相关 state - 再执行路由重置或批量移除
- 确保全局守卫里检查的是实时 store 数据，而非缓存的 token 字符串
- 例如：守卫中用
if (!authStore.token)而非!localStorage.getItem('token')
避免刷新后“自动复活”的陷阱
动态路由存在内存中，刷新即丢失，但有些项目会误在 router.beforeEach 中自动重拉菜单并重装路由——这会导致登出后刷新又恢复旧权限：
- 登出时清除 localStorage/sessionStorage 中的菜单缓存数据（如
menuList） - 确保路由加载逻辑只在登录成功后触发，且不依赖本地残留数据
- 可加标记位，如
sessionStorage.setItem('routeLoaded', 'false')，登录后再设为 true
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
