Vue学习-路由地址重复报错

前言

通过Vue路由访问不同页面出现以下错误:

原因以及解决方法:

1.原因:

点击访问不同的页面时，路由地址未发生改变(浏览器url地址未发生改变)。

2.解决方法:

main.js中添加以下代码:

const routerPush = Router.prototype.push
Router.prototype.push = function push(location) {
return routerPush.call(this, location).catch(error=> error)}