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

问题描述 投票:2回答:1

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

vue.js
1个回答
3
投票

初始化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,没有哈希)。

© www.soinside.com 2019 - 2024. All rights reserved.