hashHistory,浏览器上看到的 url 会是这样的: /#/user?name=zhangsan
browserHistory,浏览器上看到的 url 会是这样的:/user
使用hashHistory的时候,因为 url 中 # 符号的存在,从 /#/ 到 /#/user?name=zhangsan浏览器并不会去发送一次 request,react-router 自己根据 url 去 render 相应的模块。
而使用 browserHistory 的时候,浏览器从 / 到 /user是会向 server 发送 request 的。所以 server 端是要做特殊配置的;否则,页面将无法正常访问。
(比如用的 express 的话,你需要 handle 所有的路由 app.get('*', (req, res) => { ... });
使用了 nginx 的话,nginx也要做相应的配置)
二者的替换方法很简单,我们在引入 react-router-dom 时,如以下:
import {
BrowserRouter as Router,
Route,
Link
} from 'react-router-dom'
网友评论