问题
在做前后端分离项目的时候,vue使用路由进行界面跳转时,出现了以下错误,说是路由重复啥的,之前的项目都没这问题。。
vue-router.esm.js?8c4f:2065 Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location: “/success”.
解决方案
在router目录下的index.js文件中加上这么一段话即可
const originalPush = router.prototype.push;
router.prototype.push = function push(location) {
return originalPush.call(this, location).catch(err => err)
}
这里router.prototype的router要和import后面的名字一致。
为什么会出现这个重复路由问题,我不太清楚,如有知道的,还请不吝赐教。