前言
通过Vue路由访问不同页面出现以下错误:
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/26d20fa218663fbdcfae14ca331780cb.png#pic_center)
原因以及解决方法:
1.原因:
点击访问不同的页面时,路由地址未发生改变(浏览器url地址未发生改变)。
2.解决方法:
main.js中添加以下代码:
const routerPush = Router.prototype.push
Router.prototype.push = function push(location) {
return routerPush.call(this, location).catch(error=> error)}
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/54496f7caf6675a4747c3c11112fef63.png#pic_center)