Vue Router 4:Chromium浏览器点击前进/后退时导航终止问题
Chromium下Vue Router点击前进/后退触发未配置的导航守卫错误(Chrome正常)
问题详情
在Chromium浏览器(非Chrome)中点击前进/后退按钮时,Vue Router抛出以下错误,但Chrome浏览器中运行完全正常:
Error: Navigation aborted from "/ORG/studies/STUDY-2324/edit" to "/ORG/studies/STUDY-2324/cohort/0" via a navigation guard. at createRouterError (http://localhost:8080/node_modules/.vite/deps/vue-router.js?v=81cba8c3:558:19) at next (http://localhost:8080/node_modules/.vite/deps/vue-router.js?v=81cba8c3:1320:16) at http://localhost:8080/node_modules/.vite/deps/vue-router.js?v=81cba8c3:1373:12 at http://localhost:8080/node_modules/.vite/deps/chunk-NHNZTCC3.js?v=81cba8c3:4324:11 at http://localhost:8080/node_modules/.vite/deps/chunk-EXT4546V.js?v=81cba8c3:456:20 at http://localhost:8080/node_modules/.vite/deps/vue-router.js?v=81cba8c3:1339:31 at new Promise (<anonymous>) at http://localhost:8080/node_modules/.vite/deps/vue-router.js?v=81cba8c3:1317:16 at Object.runWithContext (http://localhost:8080/node_modules/.vite/deps/chunk-J6475X5X.js?v=81cba8c3:5256:18) at runWithContext (http://localhost:8080/node_modules/.vite/deps/vue-router.js?v=81cba8c3:2332:66)
关键信息:
- 路由采用默认配置,未手动设置任何导航守卫(无
beforeEnter/beforeEach) - 问题无法稳定复现,疑似内部Bug
排查与解决方向
- 校验依赖版本兼容性:确认Vue、Vue Router、Vite的版本是否匹配,优先升级Vue Router到最新稳定版,排查是否存在已知的Chromium适配问题
- 排查隐性导航守卫:部分第三方依赖(如权限插件、路由过渡库)可能自动注入导航逻辑,检查项目中引入的所有依赖,确认是否有此类隐性操作
- 重置浏览器状态:清除Chromium缓存、重启浏览器,或使用无痕模式测试,排除浏览器进程异常或缓存导致的路由状态混乱
- 检查路由历史栈:排查页面跳转逻辑,是否存在异步操作中重复触发导航(如多次调用
router.push)的情况,这类操作可能导致历史栈异常,在Chromium下触发内部守卫逻辑 - 调整路由配置:尝试在路由配置中显式设置
strict: true,或完善scrollBehavior配置,规避Chromium与Chrome在history API实现上的细微差异
内容的提问来源于stack exchange,提问作者Andrew Rusinas
相关产品推荐
相关产品推荐

