history 的三种形式
- browserHistory
- hashHistory
- createMemoryHistory
区别
- 使用
hashHistory，浏览器上的url: /#/user/haishanh - 使用
browserHistory，浏览器上的url:/user/haishanh
详解
- 使用
hashHistory，因为url中有#，所以从/#/到 /#/user/haishanh， 浏览器不会发送请求，react-router会根据url去render相应的模块 - 使用
browserHistory需要server端支持，浏览器从/ 到 /user/haishanh会向服务端发送请求，所以服务端需要如下配置去处理每一个路由
app.get('*', function (request, response){
response.sendFile(path.resolve(__dirname, 'public', 'index.html'))
})
如果你的服务器是nginx，请使用try_files，当在服务器上找不到其他文件时，默认指向index.html
server {
... location / {
try_files $uri /index.html
}
}
总结
- 如果你的App是静态，没有服务端的话，只能用
hashHistory，其他情况推荐使用browserHistory
