Vue.js - 如何删除 hashbang #!从网址？

Question

如何从 url 中删除 hashbang #!？

我在 vue 路由器文档 ( http://vuejs.github.io/vue-router/en/options.html ) 中找到了禁用 hashbang 的选项，但是这个选项删除了 #! 并只输入了 #

有什么办法可以得到干净的 url 吗？

例子:

不是:#!/home

但是:/home

谢谢!

Answer 1

在 Vue 3 中，您需要为 history 选项使用 createWebHistory。

import { createRouter, createWebHashHistory } from 'vue-router'

const router = createRouter({
  history: createWebHashHistory(),
  // ...
})

在 Vue 2 中，您需要将 mode 设置为 'history'。

const router = new VueRouter({
  mode: 'history',
  // ...
})

不过，请确保您的服务器已配置为处理这些链接。 https://router.vuejs.org/guide/essentials/history-mode.html