我想在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
,没有哈希)。