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

【问题标题】：How to remove the hash "#" symbol from url?如何从网址中删除哈希“#”符号？
【发布时间】：2022-01-13 05:07:45
【问题描述】：

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

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

【问题讨论】：

标签： javascript html css typescript vue.js

【解决方案1】：

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

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

来自the docs：

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

为了摆脱散列，我们可以使用路由器的历史模式，它利用 history.pushState API 实现 URL 导航而无需重新加载页面：
const router = new VueRouter({
 mode: 'history',
  routes: [...]
})

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

【讨论】：

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