Vue.js Vue应用程序在单击按钮链接时自动更改#在URL中的位置

我对vue路由器有个问题。我正在开发一个自定义的vue库，其中大部分代码都是在我之前创建的。我的问题是试图让一个页面使用注册流程流程页面上的后退按钮（除了这一特定页面之外，它还适用于所有其他页面）

我不太清楚到底是怎么回事，为什么它对“#”有某种作用，我认为这将是问题所在：

应用程序的流程应如下所示：

，点击“继续”按钮进入下一页（产品页）

，点击“继续”按钮进入下一页（升级页）

，点击“继续”按钮进入下一页（付款页）

每一页都有一个返回按钮，可以返回到上一页。从“/upgrade#/”开始，点击后退按钮，应用程序会给我一个指向空白页面的链接，其中包含以下URL：

我不确定从什么时候开始，我们在：

然后点击“继续”按钮，为什么“#”会在“/upgrade”之后移动

这是我们用于更改页面的方法：

changeRoute() {
    this.$router.push("/product");
}

你想做的就是把它放进去

const路由器=新的VueRouter({
模式：“历史”，
路线：[……]
})

vue路由器的默认模式是散列模式，这就是您看到这种行为的原因。

您想要的是放置

const路由器=新的VueRouter({
模式：“历史”，
路线：[……]
})

---

vue路由器的默认模式是哈希模式，这就是您看到这种行为的原因。

感谢您的回复！这会不会影响到应用程序中已经创建的任何其他路由？谢谢你的回复！这会不会影响到应用程序中已经创建的其他路线？