动态路由管理需在登录状态变更时清空旧路由并注入新路由，退出时调用removeroute彻底清理，新增路由须递归处理嵌套、确保name唯一、静态路由严禁addroute注入。
登录状态变更（比如切换账号、角色升级、权限调整）时，必须重新加载路由表，否则旧路由残留会导致越权访问或菜单错乱。核心不是“重载页面”，而是“清空旧动态路由 + 注册新路由”。
退出时彻底清理动态路由
登出操作不能只清 token 或重置用户 store，必须主动移除所有动态添加的路由：
- 在退出逻辑中，遍历之前保存的动态路由 name 列表，逐个调用 router.removeRoute(name)
- 若不确定哪些是动态添加的，可提前在登录后将这些 name 存入 Pinia 或 ref 中，例如：
dynamicRouteNames = ['UserList', 'RoleManage', 'ReportDashboard'] - 避免直接调用
router.addRoute()覆盖同名路由——这只能替换组件，无法清除旧子路由或守卫，且可能引发重复注册警告
登录/切换角色后重新注入
新用户登录或角色变更后，需完整走一遍动态路由初始化流程：
vue-composition-api-best-practices
Vue 3 组合式 API 与
热门下载
相关下载
精品课程
相关推荐
/
热门推荐
/
最新课程
最新文章