You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

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

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.12 23:32:07