动态添加路由的核心是router.addRoute()，需在导航前完成注册以避免404或白屏；登录后获取权限数据并注入路由，登出时用返回的清除函数或removeRoute清理；配合beforeEach守卫用hasRoute做权限兜底校验。
动态添加路由的核心是 router.addRoute()，它不是在初始化时写死所有路径，而是根据运行时条件（比如登录状态、用户角色）按需注入。Vue Router 4（Vue 3）已废弃 addRoutes，只保留单条添加的 addRoute，更安全、更可控。
权限路由怎么加才不翻车？
不能等用户点进页面才判断权限，而要在导航前就完成路由注册，否则会触发 404 或白屏。典型流程是：登录成功 → 获取用户菜单/权限数据 → 调用 addRoute 注入对应路由 → 跳转目标页。
- 路由对象必须含
path、name（推荐）、component，支持懒加载写法：() => import('@/views/Admin.vue') - 如果同名路由已存在，
addRoute会自动覆盖旧配置，适合切换角色后刷新菜单 - 建议把权限路由集中定义为数组（如
adminRoutes），避免零散addRoute调用，便于维护和批量清理
如何确保路由真正生效？
调用 addRoute 后，新路由不会立刻出现在 router.options.routes 中（这是初始化时的静态快照），但已加入内部路由表，可正常跳转。验证方式有两种：
- 直接
router.push('/new-path')，看组件是否渲染 - 用
router.hasRoute('route-name')检查是否存在，返回true即表示注册成功 - 注意：不能靠打印
router.getRoutes()判断——它返回的是当前活跃路由记录，不含未访问过的动态路由
退出登录时怎么清理？
用户登出后，必须移除动态添加的路由，否则下次登录可能残留上一个用户的权限路径。官方推荐方式是使用 addRoute 返回的清除函数：
const removeAdminRoute = router.addRoute(adminRoute)- 登出时调用
removeAdminRoute()，该路由立即失效 - 若需批量清理，可提前保存多个
removeFn到数组，登出时遍历执行 - 也可用
router.removeRoute('name')按名称删除，但需确保名称唯一且已知
配合导航守卫做权限拦截
光加路由不够，还要防止用户手动输入地址绕过权限。在 router.beforeEach 中结合 router.hasRoute 做兜底校验：
- 如果目标路由不存在（
!router.hasRoute(to.name)），说明无权限，重定向到 403 或首页 - 不要仅依赖
meta.requiresAuth，因为动态路由可能没配 meta，应以路由是否存在为权威依据 - 首次进入系统时，若尚未添加任何动态路由，
to.name可能为undefined，需先判断再调用hasRoute
