如何从网址中删除哈希“#”符号？

Posted 2023-02-22

【中文标题】如何从网址中删除哈希“#”符号？

【英文标题】：How to remove the hash "#" symbol from url?

【发布时间】：2022-01-13 05:07:45

【问题描述】：

我现在正在编辑的网站，切换页面的每个链接都有井号。每次我切换并停留在网站的最后一个位置时，页面都不会刷新。

在哪里可以找到代码并从 url 中删除哈希。 删除它会使页面每次刷新吗？

【参考方案1】：

Vue 是一个单页应用程序框架。这意味着您没有加载完整的页面，而是在客户端上动态换出页面内容。

假设您使用的是vue router，您可以切换到historyMode，它不会将# 用于网址，而是使用真实网址。

来自the docs：

vue-router 的默认模式是哈希模式——它使用 URL 哈希来模拟一个完整的 URL，这样当 URL 发生变化时页面就不会重新加载。

为了摆脱散列，我们可以使用路由器的历史模式，它利用 history.pushState API 实现 URL 导航而无需重新加载页面：

const router = new VueRouter(
 mode: 'history',
  routes: [...]
)

这将为您提供在网络上其他任何地方都可以看到的“正常”网址。

【讨论】：

我还在网上寻找答案，幸运的是你给了我我需要的东西。我花了将近半个小时才把井号去掉。无论如何，非常感谢你！保持安全。