当前位置:主页 > 网页前端 > vue >

Vue Router去掉url中默认的锚点#

时间:2021-01-02 15:13:50 | 栏目:vue | 点击:

hash模式url

vue-router默认hash模式――使用URL的hash来模拟一个完整的URL,于是当URL改变时,页面不会重新加载。

如果不想要这种默认的hash模式,可以用路由的history模式,这种模式充分的利用history.pushState API来完成URL跳转而无需重新加载页面。

index.js

Vue.use(Router)
export default new Router({
 mode: 'history',
 routes: [
 {
  path:"/xxx",
  name:"xxx",
  component: Xxx,
 }
]
})

history模式

修改之后url就变成了正常的url

总结

您可能感兴趣的文章:

相关文章