Vue的两种路由模式

在vue-router路由对象中，有两种模式：hash和history，默认的是hash模式

扩展:

hash路由:监听路由的变化：onhashchange事件，只有#后的地址发生变化，可以在window对象上监听：

1
2
3

window.onhashchange = function(event) {
    let hash = loaction.hash
}

history路由:模式充分利用 history.pushState API 来完成 URL 跳转而无须重新加载页面。

1
2
3
4

const router = new VueRouter({
  mode: 'history',
  routes: [...]
})

注：使用history需要后台配置支持，因为我们的应用是个单页客户端应用，如果后台没有正确的配置，当用户在浏览器直接访问网页就会返回 404。

只需在服务器增加一个覆盖所有情况的候选资源：如果 URL 匹配不到任何静态资源，则应该返回同一个 index.html 页面，这个页面就是你 app 依赖的页面