react router为什么推荐使用browserHistory而不推荐hashHistory？

最新推荐文章于 2022-06-03 20:43:26 发布

weixin_30639719

最新推荐文章于 2022-06-03 20:43:26 发布

阅读量142

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/paul-du/p/7472474.html

本文探讨了HTML5 HistoryAPI与hashHistory的工作原理及其差异。HistoryAPI利用pushState()和replaceState()方法来修改浏览器历史记录，而hashHistory则通过URL哈希变更实现。HistoryAPI需要服务器端支持以获取详细的请求信息，而hashHistory不会被服务器解析。

首先 browserHistory 其实使用的是 HTML5 的 History API，浏览器提供相应的接口来修改浏览器的历史记录；而 hashHistory 是通过改变地址后面的 hash 来改变浏览器的历史记录；

History API 提供了 pushState() 和 replaceState() 方法来增加或替换历史记录。而 hash 没有相应的方法，所以并没有替换历史记录的功能。但 react-router 通过 polyfill 实现了此功能，具体实现没有看，好像是使用 sessionStorage。

另一个原因是 hash 部分并不会被浏览器发送到服务端，也就是说不管是请求 http://domain.com/index.html#foo 还是 http://domain.com/index.html#bar ，服务只知道请求了 index.html 并不知道 hash 部分的细节。而 History API 需要服务端支持，这样服务端能获取请求细节。

还有一个原因是因为有些应该会忽略 URL 中的 hash 部分，记得之前将 URL 使用微信分享时会丢失 hash 部分。

原文链接：https://segmentfault.com/q/1010000007788281?_ea=1454870

友情链接：react 路由

转载于:https://www.cnblogs.com/paul-du/p/7472474.html