Uncaught runtime errors: × ERROR Avoided redundant navigation to current location: “/xxx“.

简介: Uncaught runtime errors: × ERROR Avoided redundant navigation to current location: “/xxx“.


这个错误提示是Vue Router抛出的,意思是你尝试导航到当前路由,这会被视为冗余操作。


在代码中,可能是因为多次点击了同一个导航链接或按钮,或者使用编程方式进行了重复导航操作,从而导致了这个错误。请检查你的代码,并确保在进行导航操作时不会重复导航到相同的路由地址。



解决方案1:删除导航当前路由代码


解决方案2:如果你使用的是Vue Router 3.x版本,你可以通过在router/index.js文件中添加下面的代码来禁用重复导航报错


const originalPush = VueRouter.prototype.push;
VueRouter.prototype.push = function push(location) {
  return originalPush.call(this, location).catch(err => err);
}


目录
打赏
0
0
0
0
5
分享
相关文章
前端大模型应用笔记(三):Vue3+Antdv+transformers+本地模型实现浏览器端侧增强搜索
本文介绍了一个纯前端实现的增强列表搜索应用,通过使用Transformer模型,实现了更智能的搜索功能,如使用“番茄”可以搜索到“西红柿”。项目基于Vue3和Ant Design Vue,使用了Xenova的bge-base-zh-v1.5模型。文章详细介绍了从环境搭建、数据准备到具体实现的全过程,并展示了实际效果和待改进点。
672 14
Uncaught runtime errors: × ERROR Cannot read properties of undefined (reading ‘ vue2&vue-router兼容性问题
Uncaught runtime errors: × ERROR Cannot read properties of undefined (reading ‘ vue2&vue-router兼容性问题
733 0
go语言中SQLite3驱动安装
【11月更文挑战第2天】
262 7
什么是微服务?微服务的优缺点是什么?
微服务就是一个独立的职责单一的服务应用程序,一个模块 1.优点:松耦合,聚焦单一业务功能,无关开发语言,团队规模降低 , 扩展性好, 天然支持分库2.缺点:随着服务数量增加,管理复杂,部署复杂,服务器需要增多,服务通信和调用压力增大
什么是 DOM?
DOM,即文档对象模型,是W3C制定的访问HTML和XML文档的标准,允许程序动态访问和更新文档的内容、结构和样式。它分为核心DOM、XML DOM和HTML DOM三部分,分别针对不同类型的文档提供标准化的操作接口。
IDEA设置项目编码格式【修改为GBK 或 UTF-8】
这篇文章介绍了在IntelliJ IDEA中如何设置项目编码格式,包括将项目编码修改为GBK或UTF-8的详细步骤和图解。
17425 12
IDEA设置项目编码格式【修改为GBK 或 UTF-8】
|
11月前
|
request to https://registry.npm.taobao.org/cnpm failed, reason: certificate has expired
request to https://registry.npm.taobao.org/cnpm failed, reason: certificate has expired
366 2
vscode配置eslint保存自动修复
vscode配置eslint保存自动修复
421 1
|
11月前
|
pandas库明明安装成功了,为什么总是导入错误?
pandas库明明安装成功了,为什么总是导入错误?
1040 4
AI助理

你好,我是AI助理

可以解答问题、推荐解决方案等

登录插画

登录以查看您的控制台资源

管理云资源
状态一览
快捷访问