vue-router history模式

hash 和 history

对于 vue 这样的前端框架来说为了开发 spa (单页面应用程序)，spa的渲染都是在浏览器中完成，这就需要前端路由(改变浏览器的url 而不会发请求)，这也时 vue-router 存在的意义。
1.hash：就是 url 后面的#，它的的特点就是改变 # 后面的内容而不会使浏览器发送 url 请求。
2.history：vue-router 利用了 html5 新增的 pushState() 和 replaceState() 方法，这两个方法应用于浏览器的 url 历史记录中，它们可以修改历史记录， 但修改了 url 并不会使浏览器发送 http 请求。

hash 和 history 的使用区别

虽然它们都不会使得浏览器发送 http 请求，但要注意以下区别：
hash：浏览器刷新后，浏览器还是会请求 # 之前的 url，不会有 404 的问题。
history: 它会改变浏览器的当前 url ，一旦不小心刷新了浏览器并且后端又没有与其匹配的路由，那么会发生 404 问题，所以要用 history 就最好还要和后端配合。

转载至https://www.cnblogs.com/Youngly/p/9324608.html