vue中hash和history的区别

vue的路由分为hash和history模式，他俩最直观的区别就是hash路由有一个 # 号，而history是没有的。还有就是:

1. hash支持低版本的浏览器，而history就没有那么友好了

2.

        (1) hash模式下，它指 # 号之后的所有字符，但是他虽然包含在url中，但是不包含在http请求中。所以改变hash值不会重新加载页面，对传给后端的url没有任何影响，因此不会重新加载页面。它每次改变都会触发hashchange事件，可以通过给window加上hashchange事件进行监听。它是单页面的标配。

        (2) history模式，利用了 HTML5 新增的 pushState() 和 replaceState() 方法，在原有的back、forward、go 的基础上，添加对历史记录修改的功能。他虽然改变了url，但是浏览器不会立即像后端发送请求。

3. history模式下有一个问题，就是当页面刷新时，他会实实在在的发送请求，把url给传送过去，因此，如果后端没有做处理的话，就会因找不到资源而报404错误，因此使用history模式时可以跟后端进行配合。

        如果 URL 匹配不到任何静态资源，则应该返回同一个 index.html 页面，这个页面就是你 app 依赖的页面。