如何从vue js中的url中删除hasbang

Posted 2021-03-30

我想在vue js中从url中删除hashbang我正在尝试模式：'history'，hashbang：false，history：true，linkActiveClass：“active”，但仍然在url中获取哈希

答案

初始化Vue路由器时，这是使其工作的最低限度代码：

const router = new Router({
  mode: 'history'
})

然后，您需要在创建时将路由器实例（router）传递给您的Vue实例：

new Vue({
  el: '#app',
  components: { App },
  template: `<App/>`,
  router
})

只需这个设置，vue-router应该已经在history mode工作了。但是，您很可能还希望将路由添加到路由器实例：

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

如果你可以分享一些代码，那么让我们进一步帮助你将会有很长的路要走。

现在，您还可以检查一个小的router example（注意浏览器URL中的路由如何更改为/foo然后更改为/bar，没有哈希）。