动态路由注入后需用 next({ ...to, replace: true }) 强制重导航，确保路由表更新完成后再匹配；next() 或 next(to) 会因路由未注册或丢失参数导致失配。
因为动态路由注入（addRoute 或 addRoutes）是异步操作，而 Vue Router 的导航守卫不会等待它完成就继续执行 next() —— 导致目标路由尚未注册成功，跳转失败或白屏。
核心问题：路由表更新与导航时机不同步
Vue Router 在匹配路由时，依赖当前内存中的 router.options.routes。当你调用 addRoutes(accessRoutes) 时：
- 该方法内部会合并新路由到路由表，但不触发重新解析当前 URL
- 守卫中若立即
next()，Router 仍按旧路由表匹配，/system/user找不到，降级为 404 或空白 - 这不是 Promise 拒绝或报错，而是静默失配 —— 开发者容易误判为权限/配置问题
next({ ...to, replace: true }) 如何破局
它不是“继续导航”，而是中断本次导航、发起一次全新导航，且强制让 Router 重新走完整匹配流程：
Skill Weave Chains — 技能链路由引擎
下载
开箱即用的技能链路由引擎。13 条预定义链覆盖搜索、开发、审查、MLOps、法律、创意等场景，三层路由架构（触发词→SAD反馈→DAG编排），recall@10=96.97%。配置驱动（chains.yaml），零代码扩展。pip install skill-weave-chains 一键安装。
-
{ ...to }确保新导航携带原始路径、参数、查询、哈希等全部上下文，不丢失用户意图 -
replace: true用router.replace()替代router.push()，避免历史栈多出一条无效记录 - 关键效果：新导航触发时，路由表已更新完毕，
/system/user能被正确识别并加载对应组件
为什么不能只用 next() 或 next(to)？
两者都存在逻辑缺陷：
-
next()：放行原导航，但此时路由未注册，匹配失败 -
next(to)：等价于next({ path: to.path, query: to.query, ... })，虽能重试，但会丢失name、params（尤其命名路由+动态段）、hash等完整信息，导致页面锚点失效或子路由无法激活 -
next({ ...to, replace: true })是唯一能100% 还原原始导航上下文 + 强制刷新路由匹配 + 清理冗余历史 的写法
真实执行链路（以首次访问 /system/user 为例）
① 用户输入地址 → 触发 beforeEach 守卫，to.path === '/system/user'
② 检测到未加载动态路由 → 调用 store.dispatch('generateRoutes') 获取权限路由
③ addRoutes(accessRoutes) 执行（异步，无回调）→ 路由表更新
④ next({ ...to, replace: true }) 被调用 → 中断当前导航，发起新导航请求
⑤ Router 重新解析 /system/user?tab=info#section1，查表命中新注册路由 → 渲染组件
