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

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何从vue js中的url中删除hasbang相关的知识,希望对你有一定的参考价值。

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

以上是关于如何从vue js中的url中删除hasbang的主要内容,如果未能解决你的问题,请参考以下文章

如何从 Vue 中的 URL 中删除 localhost

如何从 Vue.js 中的数组中删除一个项目

如何使用 vue.js 中的单击事件从数据表中删除行而不干扰计算函数

有没有办法使用 Vue-Router 从动态 URL 中删除目录?

LinkedIn Share API 是不是支持转义片段 URL(hasbang url)

如何删除 Vue.js 中的元素?