如何用React-Router在浏览器中停止/#/？

Question

当使用React-Router时，有什么方法可以防止/#/在浏览器的地址栏中显示？那是ReactJS。也就是说，单击链接转到新路由会显示localhost:3000/#/或localhost:3000/#/about。取决于路线。

Answer 1

对于react-router的第1、2和3版，设置路由到URL映射方案的正确方法是将历史实现传递到 的history参数中。从histories文档中：

简而言之，历史记录知道如何监听浏览器的地址栏进行更改，并将URL解析为位置对象，路由器可以使用该对象匹配路由并呈现正确的组件集。

在React-Router2和3中，路由配置代码如下所示：

import { browserHistory } from 'react-router'
ReactDOM.render (( 
 <Router history={browserHistory} >
   ...
 </Router> 
), document.body);

import createBrowserHistory from 'history/lib/createBrowserHistory'
ReactDOM.render (( 
  <Router history={createBrowserHistory()} >
   ...
  </Router> 
), document.body);

import BrowserRouter from 'react-router/BrowserRouter'
ReactDOM.render (( 
  <BrowserRouter>
   ...
 <BrowserRouter> 
), document.body);

源React路由器版本4文档