react router爲何推薦使用browserHistory而不推薦hashHistory?

首先 browserHistory 其實使用的是 HTML5 的 History API,瀏覽器提供相應的接口來修改瀏覽器的歷史記錄;而 hashHistory 是經過改變地址後面的 hash 來改變瀏覽器的歷史記錄;html

History API 提供了 pushState() 和 replaceState() 方法來增長或替換歷史記錄。而 hash 沒有相應的方法,因此並無替換歷史記錄的功能。但 react-router 經過 polyfill 實現了此功能,具體實現沒有看,好像是使用 sessionStorage。react

另外一個緣由是 hash 部分並不會被瀏覽器發送到服務端,也就是說無論是請求 http://domain.com/index.html#foo 仍是 http://domain.com/index.html#bar ,服務只知道請求了 index.html 並不知道 hash 部分的細節。而 History API 須要服務端支持,這樣服務端能獲取請求細節。瀏覽器

還有一個緣由是由於有些應該會忽略 URL 中的 hash 部分,記得以前將 URL 使用微信分享時會丟失 hash 部分。微信

相關文章
相關標籤/搜索