vue-router
默认hash模式——使用URL的hash来模拟一个完整的URL,于是当URL改变时,页面不会重新加载。- 如果不想要丑丑的hash,我们可以用路由的hash模式,这种模式充分利用
history.pushuState
API来完成URL跳转而无需重新加载页面。
const router = new VueRouter({
mode: 'history', // mode: 'hash'
base: process.env.BASE_URL,
routes //缩写 相当于routes: routes
})
- 当你使用history模式时,URL就像正常的url,例如
http://yousite.com/user/id
,也好看! - 不过这种模式要玩好,还需要后台配置支持。如果后台没有正确的配置,当用户在浏览直接访问时就会返回404,这就不好看了。
- 所以呢,要在服务端增加一个覆盖所有情况的候选资源,如果URL匹配不到任何静态资源,则应该返回同一个
index.html
页面,这个页面就是app依赖的页面。