Vue学习-路由地址重复报错

最新推荐文章于 2024-04-20 23:03:11 发布
最新推荐文章于 2024-04-20 23:03:11 发布
阅读量398 收藏
点赞数
分类专栏： Vue 文章标签： vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Java_Scholar0/article/details/120344928
版权

Vue

前言

通过Vue路由访问不同页面出现以下错误:
在这里插入图片描述

原因以及解决方法:

1.原因:

点击访问不同的页面时，路由地址未发生改变(浏览器url地址未发生改变)。

2.解决方法:

main.js中添加以下代码:

const routerPush = Router.prototype.push
Router.prototype.push = function push(location) {
return routerPush.call(this, location).catch(error=> error)}

在这里插入图片描述

【vue2】vue2.0重复点击路由会报错
jieweiwujie的博客
07-04 525
vue路由重复点击报错
Vue-Router路由path相同警告，不允许导航到相同路由，报错“NavigationDuplicated: Avoided redundant navigation to current loc
Sodaxiang的博客
11-28 1444
Vue-Router路由path相同警告，不允许导航到相同路由，报错"NavigationDuplicated: Avoided redundant navigation to current location: " 报错提示：避免重复路由； 原因：在页面上重复进入了相同的路由； 解决：主要有3种方案，如下（对于repalce方法也同样适用）： 直接在路由跳转的部分加上'.catch(()=>{})'，这可以避免显示错误，因为浏览器认为异常已被处理。 在定义路由时候加上全局捕获.
Vue动态路由路径重复以及刷新丢失页面问题
wy17324808055的博客
11-29 6666
1.使用router.addRoutes(teacherRouter);添加完路由切换路由时，vue会警告路由名字重复 问题出现原因是：动态路由添加时调佣addRoutes();它只会帮你注入路由，不会帮你把前面的路由清掉。如此一来就重复添加了。 解决方法：路由动态添加关键页面需要在路由配置页（router/index.js）添加自定义方法 router.$addRoutes = params => { router.matcher = new Router({ routes
vue路由跳转统一地址报错
m0_58709757的博客
04-22 1183
重写原型上的方法 let originPush = VueRouter.prototype.push; VueRouter.prototype.push = function (location, resolve, reject) { if ((resolve, reject)) { originPush.call(this, location, resolve, reject); } else { originPush.call( this, loca
VUE路由跳转地址栏重复，页面刷新404问题汇总
qq_25796879的博客
01-18 931
2.服务部署后刷新404，检查nginx代理，检查vue.config.js中的publicPath是否正确。2.检索router.push()方法，push(path)调整为push(name:‘路由name’)1.本地开发刷新404，检查是否有用document.location.href做路由跳转。例如：https://xxxx.xxx.xxx/#/1234/#/1234。1.首先排查是否有初始化做拦截，比如检查用户是否有效，做了路由处理，
Vue 点击相同路由时报错
m0_48994856的博客
10-08 195
Vue 点击相同路由时报错
vue路由器警告：未找到路径为“/xxx”的位置匹配
最新发布
weixin_64916164的博客
04-20 802
例如： 在路由未能正确匹配路径，可能会导致页面跳转时出现白屏现象。
vue 点击路由跳转（地址重复）报错以及路由跳转滚动条未回滚到顶部问题
郝峰vip的博客
12-08 669
前言 最近在用vue-cli4 , vue3.0开发项目时，遇到了路由跳转时当点击同一个路由地址时就会报错，另一个问题就是路由跳转后记住了上一次页面的滚动条的位置，未回滚到顶部。 step 一，路由跳转时当点击同一个路由地址(也就是路由地址重复)时就会报错,或者刷新报错 main.js import Router from 'vue-router' const routerPush = Router.prototype.push Router.prototype.push = function pu
Vue-Router给当前url添加参数时报错 Navigation Duplicated Avoided redundant navigation to current location
serfend's blog
04-23 2249
发现当动态修改当前页面的url中的query时会报错 是因为新创建的路由不能使用老路由的对象，而应该重新创建一个对象，以解决问题 报错内容 新老路由发生重复，停止跳转 解决方法 // 首先获取当前url const q = this.$route && this.$route.query // 通过创建新的路由的方式来添加参数 this.$router.push({ query: Object.assign({ filename: '' }, q) }) 原因 查看Vue-R.
vue 当前路由重复点击跳转报错
YanHie的博客
11-26 1791
当菜单路由重复点击时，会出现以下报错： 虽然没有什么影响(不知道深层有什么影响，页面运行反正没啥问题)，但是有个报错看着就毕竟闹心。 有以下解决方案： router配置中添加代码块不再报错 // 解决Vue-Router升级导致的Uncaught(in promise) navigation guard问题 const originalPush = VueRouter.prototype.push; VueRouter.prototype.push = function push(location,
vue router 页面改变，url出错
Damon99999的博客
08-27 417
描述： vue路由正确导航到所指的页面，但是地址栏的url却出现了问题（对比图3与图5地址栏） 错误： 图1 问题在于“row.orderId”,因为在row这个对象内压根就没这个属性，导致params出问题，最后导致图三地址栏出现无地址的问题 图2 图3 正确 图4 此时params取得到参数，不报错！ 图5 ...
vue开发遇到的坑------不同环境配置放问地址有误导致页面报错
weixin_43167662的博客
05-20 170
由于别人开发的项目，没有修改后端服务反复问地址导致页面请求报错
vue中点击重复路径报错发问题
qq_50031016的博客
06-16 255
在项目中遇到导航栏子菜单重复路劲报错时，使用监听解决 一，在router下index.js中加上这一句话 ///解决重复点菜单报红问题 const originalPush = Router.prototype.push Router.prototype.push = function push(location) { return originalPush.call(this, location).catch(err => err) } 二，如何在点击页面写 /* eslint-disable
vue 中路由设置的错误总结--1
xiaocuizao的博客
08-08 1260
在一个二级路由下面跳转到一个一级路由时候，找不到页面，（只有这个一级路由），跳转到其他路由没有问题， 解决方案：查看路由配置并没有问题,发现是在有问题的一级路由设置中，没有写 /，导致同级跳转： 总结：/home 指的是跳转到根目录下的home , home 指的是跳转到同级的home下，在对应的二级路由里面没有home顾找不到 <MenuItem name="3-1"&gt...
VUE路径问题
W Y L
02-08 371
import： html文件中，通过script标签引入js文件。 而vue中，通过import xxx from xxx路径的方式导入文件，不光可以导入js文件。 “xxx”指的是为导入的文件起一个名称，不是指导入的文件的名称，相当于变量名。 “xxx路径”指的是文件的相对路径. src下有components,router文件夹和App.vue文件,components文件夹下游apple.v...
路由的push方法重写
yangpengze的博客
01-13 644
const routerPush = Router.prototype.push Router.prototype.push = function push(location) { if(typeof(location)=="string"){ var Separator = "&"; if(location.indexOf('?')==-1) { Separator='?'; } location = location + Separator + "random=" .
vue项目中控制台报出[vue-router] Duplicate named routes definition: { name: “settings“, path: “/settings/“ }
大牛的博客
08-31 853
问题 退出后，再次登陆，发现菜单异常 （控制台有输出说路由重复）； 原因 路由设置是通过router.addRoutes(filterRoutes)来添加的，退出时，并没有清空，再次登陆，又加了一次，所以有重复。 需要将路由权限重置 (恢复默认) 将来登录后再次追加才可以，不然的话，就会重复添加 解决 // 在router/index.js文件中配置一个重置路由的方法 // 重置路由 export function resetRouter() { const newRoute.
解决 Vue 重复点击相同路由，出现 Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation 问题
io_123io_123的博客
02-24 994
解决 Vue 重复点击相同路由
Vue：【警告】重复命名路由定义[vue-router] Duplicate named routes definition
热门推荐
任她雨雪风晴
03-24 4万+
[vue-router] Duplicate named routes definition: { name: "模板", path: "/exam/" } 这里警告的意思是说重复命名路由，在路由配置文件中，找到对应name，会发现有两处或者两处以上都使用了“模板”这个name； 解决办法：直接删除获取修改name使其具有唯一性即可。 巴拉巴拉： ==主页传送门== ...
vue路由重复点击会报错
04-23
是的，这是因为 Vue Router 默认情况下是不支持重复点击同一个路由的，因为这可能会导致页面状态的混乱和冲突。如果确实需要重复点击同一个路由，则可以使用编程式导航的方式来实现。例如，在点击时先判断当前路由...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值