(十六)Hash History的相关区别

vue router的Hash History的相关区别

Hash：

默认为 hash 模式 —— 使用 URL 的 hash 来模拟一个完整的 URL，当 URL 改变时，页面不会重新加载。在URL的路径中 ， #以及#后面的字符称之为hash，用window.location.hash可以读取到

特点：出现在url中但是不会包含在HTTP的请求当中，对后端没有什么影响，因此改变hash不会重新加载页面，

History：

H5里面有 Interface中新增的 pushState() 和 replaceState() 方法，两个方法用于浏览器的历史记录站，在当前已有的back，forward, go 的基础上，提供了对历史记录进行修改的功能，操作就是，你修改了相应的URL 但是浏览器不会立即向后端进行数据请求，所以在相应的显示的时候，history模式会出现相应的404的情况，可以在后台进行相应的配置，保证不返回404

总结：

基本上网上都是这么写的，在实际的使用状况中，问题不会出现的过于夸张，你可以自定义相应操作，使用history 就算返回404 也是可以修改的，关键就是看这个项目本身有哪些需求（说了些废话）， 不重要了

对照理解写的很棒https://www.xiabingbao.com/post/fe/hash-history-router.html