Vue 如何去除url中的 #

vue-router默认使用hash模式,所以在路由加载的时候,项目中的url会自带#。如果不想使用#, 可以使用vue-router的另一种模式history

new Router({
  mode: 'history',
  routes: [ ]
})

需要注意的是,当我们启用 history 模式的时候,由于我们的项目是一个单页面应用,所以在路由跳转的时候,就会出现访问不到静态资源而出现 404 的情况,这时候就需要服务端增加一个覆盖所有情况的候选资源:如果 URL 匹配不到任何静态资源,则应该返回同一个 index.html 页面

发表评论

后才能评论