Vue项目报Navigating to current location ("/BgHome/userList") is not allowed错误

最新推荐文章于 2024-12-25 23:16:37 发布
原创 最新推荐文章于 2024-12-25 23:16:37 发布 · 494 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#vue

本文解决了在前端应用中，当用户重复点击同一路由按钮时出现的错误问题。通过检查并修正index.js文件中与按钮跳转路径大小写不一致的路径，可以避免此错误，确保应用稳定运行。

问题：重复点击一个路由按钮时，会报错
在这里插入图片描述

解决方法：
查看index.js中的路径是不是和你在按钮上设置的跳转路径相同，如果不相同，就会报错

在这里插入图片描述
在这里插入图片描述

我这里路径大小写不一致，然后我修改了，就ok啦，完结撒花

Var521
关注
vue2/3 - 报错Vue is not defined问题排查与解决方案（解决vue项目浏览器控制台报错Uncaught ReferenceError: vue is not defined）
高级前端工程师
08-28 4378
Uncaught ReferenceError vue is not defined，报错 Vue is not defined 的解决方法，Vue错误笔记（三）——Vue is not defined，Vue错误 Uncaught ReferenceError: vue is not defined，Vue没有被定义，vue浏览器控制台报Vue is not defined，vue3项目报错Vue is not defined，vue项目运行报错Vue is not defined，如何解决这个问题，加载
前端开发：Vue项目报错NavigationDuplicated：Avoided redundant navigation to current location：“/XXX”的解决方法
全沾软贱开发攻城狮
01-18 1万+
最近在Vue项目开发的过程中遇到一个问题，那就是在点击同一个路由操作的时候，控制台会报一下错误提示： Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location: "/Refund". 经过排查之后才发现是关于Vue中路由重复引起的错误，经过查找资料以及搜索相关知识，该报错原因是因为ElementUI导航栏里面的vue-router在3.0以上版本重复点击菜单引起的路由重复报
解决 Navigating to current location ("/userslist") is not allowed问题。
欢迎来到我的频道~
11-26 4049
今天在写一个后台界面的时候，出现了这个报错，Navigating to current location ("/userslist") is not allowed问题。 ” 不允许导航到当前位置（“/userslist”）“ 在网上查了下，发现问题，大致如下： 原因：当前访问的路由是相同的。 解决办法：需要重写路由的push方法 在【router/index.js路由页面】 ...
Navigating to current location ("/user") is not allowed"
weixin_44988028的博客
04-11 544
错误原因：点击的所要跳转的路由和当前是相同的。 如果没有向router.push提供回调，错误只会发送到全局路由器错误处理程序。现在，因为推送和替换都返回一个承诺，如果导航失败(任何取消导航的操作，如next(false)或next(’/other ')也计算在内)没有被捕获，您将在控制台中看到一个错误，因为该承诺拒绝没有被捕获。 解决方法：重写push方法，加上catch函数 this.$rou...
在路由中添加了相同的路由报错。Navigating to current location (“/home/index“) is not allowed
licuicui5201的博客
07-20 669
Navigating to current location ("/home/index") is not allowed 在src/router.js 里面import Router from 'vue-router’下面写入下面方法即可 /** 重写路由的push方法 */ const routerPush = Router.prototype.push Router.prototype.push = function push(location) { return routerPush.cal
解决message: "Navigating to current location ("/homePage") is not allowed",警告的问题
XUELUO123456789的博客
11-19 1万+
一.现象 进行书写项目时，出现一个警告message: “Navigating to current location (”/home") is not allowed", 且在ie11中运行项目，同样出现此警告，且涉及到的路由组件页面将不会刷新出来，呈现一片空白 "Navigating to current location ("/home") is not allowed" 二.原因 网上大佬...
解决vue项目双击路由导航报错 "Navigating to current location (XXX) is not allowed"
kola的博客
11-09 2390
双击或者连续点击路由导航的时候,发现报错: "Navigating to current location (XXX) is not allowed" 原因是:在路由里面添加了相同的路由 解决方案是: 我们可以重写路由的push方法 在src/router/index.js 里面import Router from 'vue-router’下 写入下面方法即可 /** * 重写路由的push方...
vue3+vite - 解决报错error when starting dev server: Error: Failed to resolve vue/compiler-sfc.（项目启动运行出错）
最新发布
高级前端工程师
12-25 8032
vue3，vite，运行报错，error when starting dev server，Error: Failed to resolve vue/compiler-sfc.，vite项目运行出错，vue3启动报错，npm run dev，vue3+vite启动项目报错，yarn dev，安装项目依赖后运行报错，@vitejs/plugin-vue，vue3运行前端报错：error when starting dev server，使用vite创建项目，启动dev时报错，更新版本也不行，重新安装insta
编程式路由重复跳转就会报错误：NavigationDuplicated: Avoided redundant navigation to current location
前端小白的博客
08-12 2801
this.$router.push() 或者 this.$router.replace()解决路由重复跳转的问题的解决方案
解决Vue控制台报错：NavigationDuplicated: Avoided redundant navigation to current location
越努力越幸运的博客
12-11 1928
它的提示是 避免到当前位置的冗余导航。 简单来说就是重复触发了同一个路由。 解决方法如下： 在router文件夹下的index.js文件中添加这几行代码即可： const originalPush = Router.prototype.push //解决报错信息：NavigationDuplicated: Avoided redundant navigation to current location Router.prototype.push = function push(location) { r
【Vue】解决vue多次点击同一个路由 Uncaught (in promise) 报错问题
Milk~每天分享一点点，技术进步一点点
10-20 3451
解决vue多次点击同一个路由 Uncaught (in promise) 报错问题 当我们连续多次点击个人中心时，会发生下图错误Uncaught (in promise)错误： vue项目路由跳转时控制台出现NavigationDuplicated错误， message: "Navigating to current location (XXX) is not allowed" 原因 在 Vue-Router3.1.0+，此时如果支持 Promise，router.push或 router.repla
Navigating to current location ("/threeFloor") is not allowed
weixin_42018331的博客
05-06 261
vue路由跳转同一个路由多次点击出现以下报错 解决办法 在router/index.js页面添加 const VueRouterPush = Router.prototype.push Router.prototype.push = function push (to) { return VueRouterPush.call(this, to).catch(err => err) } ...
Navigating to current location ("/") is not allowed
zhumizhumi的博客
11-26 1万+
1、报错分析 Navigating to current location ("/") is not allowed：不允许导航到当前位置（“ /错误”） 在控制台中看到的错误是新的promise api的一部分：在以前，如果没有向router.push提供回调，则错误仅发送到全局路由器错误处理程序，所以在控制台看不到报错；但现在，由于push和replace都返回了一个promise，因此，...
解决vue项目路由出现message: “Navigating to current location (XXX) is not allowed“的问题
txl910514的专栏
10-25 1万+
原因：在路由中添加了相同的路由。 解决： 重写路由的push方法 在src/router/index.js 里面import Router from 'vue-router'下面写入下面方法即可 /** * 重写路由的push方法 */ const routerPush = Router.prototype.push Router.prototype.push = function pu...
解决vue项目路由出现message: "Navigating to current location (XXX) is not allowed"的问题
热门推荐
庭落
11-12 2万+
原因：在路由中添加了相同的路由。 解决： 重写路由的push方法 在src/router/index.js 里面import Router from 'vue-router'下面写入下面方法即可 /** * 重写路由的push方法 */ const routerPush = Router.prototype.push Router.prototype.push = function push(...
Navigating to current location ("/admin/index") is not allowed
kshon的博客
10-28 1万+
原因是在页面中引入组件时，如果引入单个组件，不能用{} 错误： 正确：
邮件服务器端(MTA)错误代码解释
weixin_33911824的博客
09-01 3199
--邮件服务器端(MTA)错误代码解释 ...
"Navigating to current location ("/adminHome/productsList") is not allowed", stack: "Error↵
new_buff_007的博客
02-25 737
在vue中遇到了这样的问题。 原因是因为在A界面中进行路由改变的跳转，而跳转的目的地页还是A界面，修改一下即可。 this.$axios.post(api,this.updateDataPro).then((response)=>{ console.log(response.data.code) if(response...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值