vue-router:Navigation cancelled from “/“ to “/“ with a new navigation

最新推荐文章于 2024-09-27 10:39:41 发布
最新推荐文章于 2024-09-27 10:39:41 发布
阅读量876 收藏 2
点赞数
分类专栏： vue 文章标签： vue-router
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_42031498/article/details/115035067
版权

在这里插入图片描述

只需要把路由的mode: 'history'，改成mode: 'hash'或者直接注释就行了

JustStand
关注
专栏目录
vue-router报错Error: Navigation cancelled from “/course“ to “/user“ with a new navigation.
weixin_47597807的博客
06-27 1951
出现这个错误是因为在你的vue-router全局导航守卫中出现了页面跳转到了一个页面之后又重定向到了另一个界面 举个小例子： router.beforeEach((to,from,next)=>{ if(to.matched.some(record => record.meta.requiresAuth)){ if(!store.state.user){ //跳转到登陆页面 next({ name:'login', query:
【解决 vue-router 报错：Navigation cancelled from “/...“ to “/...“ with a new navigation】
m0_65450343的博客
08-13 1783
解决 vue-router 报错：Navigation cancelled from “/...“ to “/...“ with a new navigation_明天也要努力的博客-CSDN博客
解决 vue-router 报错：Navigation cancelled from “/...“ to “/...“ with a new navigation
明天也要努力的博客
12-11 2万+
问题： 项目中需要对用户是否登录进行判断，如果用户未登录或者 token 过期就需要跳转登录页面，进行登录验证。所以需要做一个拦截，在跳转登录页面时报了一个错。 报错如下图所示： 原因： 这个错误是 vue-router 内部错误，没有进行 catch 处理，导致的编程式导航跳转问题，向同一地址跳转时会报错的情况（push 和replace 都会导致这个情况的发生）。 解决： 方案一： 安装 vue-router 3.0 以下版本，先卸载 3.0 以上版本然后再安装旧版本 。 npm install vu
Uncaught (in promise) Error: Navigation cancelled from “/“ to “/login“ with a new navigation.解决方案
最新发布
m0_46165586的博客
09-27 917
路由跳转`控制台提示：Uncaught (in promise) Error: Navigation cancelled from "/" to "/login" with a new navigation.`通常是因为在路由跳转过程中，某个导航被取消了。
vue-router 跳转异常 Error: Navigation cancelled from “/“ to “/home“ with a new navigation.
热门推荐
csdn_aspnet的专栏
08-28 4万+
2、vue-router@3.0版本及以上回调形式已经改成promise api的形式了，返回的是一个promise，如果路由地址跳转相同, 且没有捕获到错误，控制台始终会出现如图所示的警告 （注：3.0以下版本则不会出现以下警告！在main.js下注册一个全局函数即可 （注：此处理方案只针对于vue-router 3.0以上版本哈！注：官方vue-router@3.0及以上新版本路由默认回调返回的都是promise，原先就版本的路由回调将废弃！安装 npm install vue-router@2。
亲测解决 ：Navigation cancelled from “/xxx“ to “/xxx“ with a new navigation.
鞠晓健
12-12 5020
解决 Navigation cancelled from “/xxx“ to “/xxx“ with a new navigation
解决element-ui.common.js?5c96:3:Navigation cancelled from “/admin“ to “/users“ with a new navigation.
qq_60976312的博客
11-24 2289
解决element-ui.common.js?5c96:3:Navigation cancelled from "/admin" to "/users" with a new navigation.
vue-router 报错：Navigation cancelled from“/...“ to “/...“ with a new navigation.
06-08
这个错误通常是因为在路由跳转的过程中，又发起了新的路由跳转，导致前一个路由被取消。...如果以上方法都无法解决问题，可以尝试升级 `vue-router` 的版本，或者使用其他类似的路由库来实现路由功能。
Vue Router: Uncaught (in promise) Error: Navigation cancelled
sunshineTing2的博客
03-09 975
解决编程式路由往同一地址跳转时会报错的情况 Uncaught (in promise) Error: Navigation cancelled from "xxx" to "xxx" with a new navigation. 解决：在router文件夹下等index.js文件中写入 // router文件夹下等index.js文件中写入 //解决编程式路由往同一地址跳转时会报错的情况 const originalPush = VueRouter.prototype.push const original
解决Navigation cancelled from “/xxx“ to “/xxx“ with a new navigation.错误
MMF博客园
02-28 595
解决Navigation cancelled from “/xxx“ to “/xxx“ with a new navigation.错误
Vue Router报错问题，Uncaught (in promise) Error: Navigation cancelled from “/“ to “/home“ with a
weixin_38146633的博客
12-21 1032
路由报错，从登录页跳转首页跳转不成功，需要两次点击才能成功跳转 主要参考https://blog.csdn.net/Beam007/article/details/121630233 参考文献：https://blog.csdn.net/Beam007/article/details/121630233 https://blog.csdn.net/qq_38392623/article/details/121185731 https://blog.csdn.net/qq_42092177/article/
vue-router 报错：Navigation cancelled from“/...“ to “/...“ with a new navigation
然而老干妈早就看穿了一切
06-27 5833
待解决？
记录错误1——vue路由跳转报错Navigation cancelled from“/...“ to “/...“ with a new navigation.
You_got_this的博客
09-07 1万+
介绍：项目中对当前登录的用户类型进行相应的菜单权限限制，为防止用户在浏览器网址栏中手动输入path，然后回车就可以进入该页面，所以需要做一个拦截，但是又不想为每一个路由都写一个守卫就在最外侧路由组件 由于种种原因没有采用路由守卫 用的是watch $route监听当前路由的变化 在这里判断用户是否有权限进入到要去的路由，没有权限就跳到概览页，这时候报了一个错 百度了一下是因为vue-router内部错误,没有进行catch处理,导致的编程式导航跳转问题,往同一地址跳转时会报错的情况。 百度到的解..
亲测解决 ：Navigation cancelled from “xxx“ to “xxx“ with a new navigation
web15185420056的博客
03-06 1045
使用vue 3.0 写了一个登入页面，再点击登入的时候，第一次点击会没有反应，F12查看接口都调用了但是没有跳转，控制台打印出错： 错误说有异常没有捕获； 这个错误是vue -router 内部的错误，没有进行catch处理导致的； 再vue-router3.0以上的版本新增功能：push和replace方法会返回一个promise； 解决方案： 在vue的router的js中添加下面代码 const originalPush = VueRouter.prototype.push const origin
Error: Redirected when going from “/login?redirect=%2Fdashboard“ to “/dashboard“ via a navigation
Tom__cy的博客
01-19 1万+
这个问题困扰很久。 之前有看过一个写法 // const originalPush = Router.prototype.push // Router.prototype.push = function push(location, onResolve, onReject) { // if (onResolve || onReject) // return originalPush.call(this, location, onResolve, onReject) // return or
某些软件点击导出时出现NavigationCancelled错误解决方法
dnpao的专栏
09-20 2210
原因一般是由于http页面跳转到https页面或者反之的情形造成IE浏览器判定为安全隐患，所以终止打开页面。 解决方法： 1.打开Internet属性窗口,可以由以下三种方法打开。三种方法任选其一 a)打开IE浏览器，点击“工具”或者右侧齿轮图标，选中“Internet选项” b)运行中，输入“inetcpl.cpl”，回车，如下图 c)在控制面板中，选中“Internet选...
Navigation cancelled from “/TeacherIntroduce“ to “/teacherCenterDashboard/Teachclassmanagement“ with
qq_41429765的博客
07-22 2412
关于Vue Router报错 路由跳转报错问题只需要在router中的index.js中写: import Vue from 'vue' import VueRouter from 'vue-router' Vue.use(VueRouter) const originalPush = VueRouter.prototype.push VueRouter.prototype.push = function push (location) { return originalPush...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值