hash和history的区别

1. 实现了什么功能

1. 从用户角度看，记录当前页面的状态，可以使用浏览器的前进后退功能
2. 作为开发者，要实现这两个功能，需要做到：改变url且不让浏览器向服务器发出请求，监测url的变化，截获url地址，并解析出需要的信息来匹配路由规则。

2. hash模式

url尾巴后带#号，hash值变化不会导致浏览器向服务器发出请求，hash的传参是基于url的，如果要传递复杂的参数，会有体积的限制。

3. history模式

history模式不仅可以在url里放参数，还可以将数据存放在一个特定的对象中。history利用了HTML5中新增的pushState()和replaceState()方法。

4. 404错误

1. hash模式下，仅hash符号之前的内容会被包含在请求中，即使没有做到路由的全覆盖，也不会返回404错误
2. 在history模式下，前端的url必须和实际后端发起请求url一致，如后端缺少对book/id的路由处理，将返回404错误。