vue项目路由出现message: "Navigating to current location (XXX) is not allowed"的问题

最新推荐文章于 2023-12-16 12:33:00 发布
最新推荐文章于 2023-12-16 12:33:00 发布
阅读量480 收藏
点赞数
分类专栏： vue 文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43582611/article/details/103957317
版权

在这里插入图片描述

出错原因路由中添加了相同的路由

解决方法

在src/router/index.js中重写push方法
/*重写router.push方法*/
const routerPush = VueRouter.prototype.push
VueRouter.prototype.push = function push(location) {
  return routerPush.call(this, location).catch(error=> error)
}
Distance-X
关注
专栏目录
前端开发：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以上版本重复点击菜单引起的路由重复报
Vue - Syntax Error: TypeError: this.getOptions is not a function 项目运行时报错，详细解决方案
王佳斌
11-07 4755
vue2，Syntax Error: TypeError: this.getOptions is not a function，webpack，npm run serve，报错怎么办，运行报错，run serve时出现报错如何解决，vue2项目运行报错this.getOptions is not a function，vue2怎么解决npm run serve时的Syntax Error: TypeError: this.getOptions is not a function爆红报错，Vue - Synt
Vue 项目路由出现 message: “Navigating to current location (XXX) is not allowed“的问题
grootbaby
09-01 556
message: "Navigating to current location (XXX) is not allowed" 原因： 在路由中添加了相同的路由 解决： 重写路由的push方法 在 src/router/index.js 里面import Router from 'vue-router'下面加上以下代码 /** * 重写路由的push方法 */ const routerPush = Router.prototype.push Router.prototype.push =..
vue Navigating to current location (‘/tempA’) is not allowed 报错
sunlizhen的专栏
05-19 159
原因：在路由中添加了相同的路由。 解决： 重写路由的push方法 在src/router/index.js 里面import Router from 'vue-router'下面写入下面方法即可 /** * 重写路由的push方法 */ const routerPush = Router.prototype.push Router.prototype.push = function push(location) { return routerPush.call(this, locati...
vue路由切换报错message: "Navigating to current location (XXX) is not allowed"的解决方案
yangwq的博客
04-23 571
操作： 在VUE项目中点击两次路由切换 原因： 在路由跳转的时候同一个路由多次添加是不被允许的 解决方案（两种）： 1.切换版本回3.0版本 2.重写路由的push方法【在src/router/index.js 里面import Router from 'vue-router'下面写入下面方法即可】 import Vue from 'vue' //如果已引用，不需要重复引用 i...
在路由中添加了相同的路由报错。Navigating to current location (“/home/index“) is not allowed
licuicui5201的博客
07-20 573
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
Navigating to current location (“路由名t“) is not allowed
xm_w_xm的博客
07-07 346
原因：因为点击事件的时候调用了两次 解决办法：只要一次就不会报错 changer(val) { console.log(val, this.$route, "changer"); if (this.$route.name != val) { this.$router.push({ name: val }); } } ...
Vue3 - vite 项目报错：Uncaught ReferenceError: require is not defined（解决 vue3 vite 项目无法识别 require 语法导致报错）
王佳斌
12-16 1万+
vue3，vite，报错解决，vue3+vite报错require is not defined，vue3 vite引插件不识别require，老插件必须用require怎么办，vite项目插件要求使用require引入但报错，vue3不兼容require导致第三方包插件无法使用，vue3 vite中使用require报错怎么办，解决Vite+vue3使用第三方依赖报错“require is not defined”问题，vite项目require语法兼容问题解决 require is not define
编程式路由重复跳转就会报错误：NavigationDuplicated: Avoided redundant navigation to current location
前端小白的博客
08-12 2671
this.$router.push() 或者 this.$router.replace()解决路由重复跳转的问题的解决方案
详细解决Vue的警告：Property or method “xxx“ is not defined on the instance but referenced during render
念兮为美
10-30 7273
全网详细解决Vue的警告：Property or method "name" is not defined on the instance but referenced during render. Make sure that this property is reactive, either in the data option, or for class-based components, by initializing the property
解决vue-router出现message: "Navigating to current location ("/admin/index") is not allowed"的问题
LonewoIf的博客
01-06 2120
其原因在于Vue-router在3.1之后把$router.push()方法改为了Promise。所以假如没有回调函数，错误信息就会交给全局的路由错误处理，因此就会报上述的错误。 vue-router先报了一个Uncaught (in promise)的错误(因为push没加回调)，然后再点击路由的时候才会触发NavigationDuplicated的错误(路由出现的错误，全局错误处理打印了出...
解决vue项目路由出现message: "Navigating to current location (XXX) is not allowed"的问题
yang295242361的博客
03-19 1733
今天在写一个后台界面的时候，出现了这个报错，Navigating to current location ("/userslist") is not allowed问题。 ” 不允许导航到当前位置（“/userslist”）“ 在网上查了下，发现问题，大致如下： 原因：当前访问的路由是相同的。 解决办法：需要重写路由的push方法 在【router/index.js路由页面】 im...
解决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-router——message: "Navigating to current location (XXX) is not allowed"
肖的博客
11-12 2071
解决方法： 法一：重写规则 import VueRouter from "vue-router"; const [routerPush, routerReplace] = [VueRouter.prototype.push, VueRouter.prototype.replace]; VueRouter.prototype.push = function push(location) { ...
vue项目路由 Navigating to current location ("/xxxx") is not allowed
十二的博客
04-29 902
在使用vue构建项目的时候为了控制页面刷新后路由和界面保持在原来的位置 加了 reloadRouter(path) { this.$router.replace({ path: path, query: { nextPath: path } }); } 当这么做的时候 页面的浏览地址就会出现两个同样的路由地址 然后想着去掉一个就把nextPath包括ne...
Vue Navigating to current location (“XXXXXX“) is not allowed
grootbaby
08-12 829
问题： 在VUE项目中点击两次路由切换 原因： 在路由跳转的时候同一个路由多次添加是不被允许的 解决方案（两种）： 1.切换版本回3.0版本 2.在你引了vue-router的 js文件里加上如下代码即可 import Vue from 'vue' //如果已引用，不需要重复引用 import Router from 'vue-router'; //如果已引用，不需要重复引用 Vue.use(Router) //如果已引用，不需要重复引用 const VueRouter...
代码跳转路由报错_vue路由报错Navigating to current location ("/login") is not allowed踩坑总结...
weixin_39715513的博客
01-14 394
.在我添加“未登录”判断后，想自动跳转到登录页。但是遇到了问题：Navigating to current location ("/login") is not allowed不停的报错： 背景：我在main.js里面写了判断路由跳转。解决办法：网上说：在路由跳转的时候同一个路由多次添加是不被允许的 所以最后：代码：import Vue from 'vue'import App from './A...
VUE-Router之解决 Navigating to current location (XXX) is not allowed
热门推荐
Silvia
05-26 1万+
Router之解决 Navigating to current location ("/index/list2") is not allowed 错误代码： NavigationDuplicated { _name: "NavigationDuplicated", name: "NavigationDuplicated", message: "Navigating to current location ("/index/list2") is not allowed", stack: "Err
Invalid options in vue.config.js: "root" is not allowed
最新发布
04-16
当在vue.config.js中使用了无效的选项时，会出现类似"Invalid options in vue.config.js: 'root' is not allowed"的错误提示。 这个错误提示表示在vue.config.js中使用了不允许的选项"root"。"root"选项是Vue CLI 2...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值