vue-router路由跳转 出现报错解决

报错解决

出现错误

vue-router路由跳转 出现报错解决_第1张图片
方案一
在router下的index.vue中进行修改

//获取原型对象上的push函数
const originalPush = VueRouter.prototype.push
//修改原型对象的oush方法
VueRouter。prototype。push = function push(location) {
	return originalPush.call(this,location).catch(err => err)
}

直接添加以上代码即可。
方法二
找到跳转引起报错的地方,加catch
这个console.log可以啥也不打印,但是必须得写,否则无效

router.replace('/').catch(err => {
 console.log();
})

方案三
将自身的vue-router进行降级

yarn remove vue-router
yarn add vue-router@3.0

你可能感兴趣的:(vue.js,javascript,前端)