Vue 如何去除url中的 #
vue-router默认使用
hash模式,所以在路由加载的时候,项目中的
url会自带
#。如果不想使用
#, 可以使用
vue-router的另一种模式
history
new Router({
mode: 'history',
routes: [ ]
})
需要注意的是,当我们启用
history
模式的时候,由于我们的项目是一个单页面应用,所以在路由跳转的时候,就会出现访问不到静态资源而出现404
的情况,这时候就需要服务端增加一个覆盖所有情况的候选资源:如果URL
匹配不到任何静态资源,则应该返回同一个index.html
页面