本文深入探讨了前端路由系统在SPA中的作用，重点介绍了Vue-router的两种模式：hash与history。hash模式利用hash值进行路径切换，而history模式则通过H5的history.pushState方法更新URL，避免了后端请求。history模式下，需要后台正确配置以防止404错误。
路由模式
为了构建SPA（单页面应用），需要引入前端路由系统，这也就是Vue-router存在的意义。前端路由的核心，就在于 ——— 改变视图的同时不会向后端发出请求。
路由有两种模式：hash、history，默认会使用hash模式，但是如果url里不想出现丑陋hash值，在new VueRouter的时候配置mode值为history来改变路由模式，本质使用H5的histroy.pushState方法来更改url，不会引起刷新.
history模式，会出现404 的情况，需要后台配置。
因为我们的应用是个单页客户端应用，如果后台没有正确的配置，当用户在浏览器直接访问 http://oursite.com/user/id 就会返回 404，这就不好看了。
所以呢，你要在服务端增加一个覆盖所有情况的候选资源：如果 URL 匹配不到任何静态资源，则应该返回同一个 index.html 页面，这个页面就是你 app 依赖的页面。
https://www.cnblogs.com/leyan/p/8677274.html
路由原理：
hash路由 ====> window.onhashchange监听路径的切换
history路由 ===> window.onpopstate监听路径的切换
扫一扫
1614
到【灌水乐园】发言
