router.addRoute 是 Vue Router 4 动态注册路由的唯一标准方式，用于向已创建路由器实例追加新规则，添加后立即生效但不自动导航；支持基础路由、嵌套路由及守卫中按需注册，并需手动 push/replace 导航验证。
Vue Router 4 的 router.addRoute 是运行时动态注册路由的唯一标准方式，它不替代初始化路由，而是向已创建的路由器实例“追加”新规则。添加后路由立即生效，但不会自动跳转，也不修改历史栈——是否导航、何时导航，完全由你控制。
基础用法：添加一条路由
调用 router.addRoute(routeRecord) 即可注入。routeRecord 至少需包含 path 和 component：
-
component推荐使用懒加载写法：() => import('./views/Admin.vue') - 建议显式声明
name字段（如name: 'Admin'），便于后续精准管理（删除、命名跳转、权限校验） - 不设
name的路由只能通过 path 匹配，无法用router.removeRoute('name')删除
嵌套路由与子路由添加
支持在已有命名路由下挂载子路由，适合布局嵌套场景：
Springboot Vue Builder
下载
从零开始编排 SpringBoot+Vue 全栈项目工作流，适用于新建全栈项目或完整脚手架请求，触发后依次调用 product‑spec‑builder（需求调研）等模块。
- 先定义一个带
name的父级路由，例如{ path: '/admin', name: 'AdminLayout', component: AdminLayout } - 再用
router.addRoute('AdminLayout', { path: 'users', component: UserList })添加子级 - 这样生成的完整路径是
/admin/users，且子路由会自动继承父级的 layout 和 meta
在导航守卫中安全添加（权限场景推荐）
登录后根据角色拉取菜单并注册路由时，应在 router.beforeEach 中处理，避免白屏或 404：
立即学习“前端免费学习笔记（深入）”；
- 检查目标路由是否存在：
!router.hasRoute(to.name) - 若缺失，调用
router.addRoute(...)注册对应路由 - 然后 return to.fullPath，Router 会自动重试导航，命中新路由
- 务必用
Set或标志位记录已添加的路由名，防止重复注册
添加后怎么验证和跳转？
addRoute 只注册，不激活。要让页面显示新内容，需手动导航：
- 用
router.push('/new-path')进入新页面（加入历史栈） - 更常用
router.replace('/new-path')，避免返回时回到空页或登录页 - 验证是否成功注册：
router.hasRoute('route-name')返回true即表示可用 - 注意：
router.getRoutes()不反映动态添加的路由，不要依赖它判断
