如何从 Vue.js 中的 URL 中删除 Hashbang

在使用 Vue.js 应用程序时,我们会注意到 URL 具有哈希“#”。
因此,让我们看看如何借助下面的代码片段从 URL 中清除这个“#”。

要删除散列,我们应该使用路由器的历史模式,它利用 history.pushState API 使 URL 导航执行而无需重新加载页面:

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

以下是使用历史记录模式时 URL 的样子:

http://onitroad.com/user/id 。

vue-router 的默认模式是哈希模式,它使用 URL 哈希来模拟完整的 URL,以便在 URL 更改时不会重新加载页面。

日期:2020-06-02 22:17:26 来源:oir作者:oir