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

原创于 2021-09-17 11:16:55 发布 · 419 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js

Vue 专栏收录该内容

16 篇文章

订阅专栏

本文介绍了使用Vue.js进行页面跳转时遇到的一个常见错误：点击链接后浏览器URL地址未更新的问题及其解决方法。该问题可能导致页面加载不正确或无法正常跳转。文章提供了在main.js文件中添加特定代码来解决此问题的方案。

Vue

前言
原因以及解决方法:
- - 1.原因:
  - 2.解决方法:

前言

通过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)}

在这里插入图片描述