React-router 配置browserHistory

  browserHistory是使用React Router的应用推荐的history,它使用浏览器重的History API用于处理URlcss

 

     能够经过设置webpack.config.js 中的devServer,设置以下html

devServer: { historyApiFallback:{ index:'src/index.html' }, }

     实际开发用browserHistory而不用hashHostory(能够直接用,不用在服务器配置):react

       browserHistory 其实使用的是 HTML5 的 History API,浏览器提供相应的接口来修改浏览器的历史记录;而 hashHistory 是经过改变地址后面的 hash 来改变浏览器的历史记录;webpack

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

另外一个缘由是 hash 部分并不会被浏览器发送到服务端,也就是说无论是请求 http://domain.com/index.html#foo 仍是 http://domain.com/index.html#bar ,服务只知道请求了 index.html 并不知道 hash 部分的细节。而 History API 须要服务端支持,这样服务端能获取请求细节。       浏览器

注明:(绿字部分引用做为记录学习,不是本人写的)服务器

相关文章
相关标签/搜索