如何在react-router中删除url中的哈希值

Question

我使用react-router进行路由，并使用hashHistory选项，这样我就可以从浏览器刷新页面，或者指定现有路由的url，然后登陆到正确的页面。它工作得很好，但我在url中看到的哈希如下所示:http://localhost/#/login？_k=ya6z6i

这是我的路由配置：

ReactDOM.render((
 <Router history={hashHistory}>
    <Route path='/' component={MasterPage}>
      <IndexRoute component={LoginPage} />
      <Route path='/search' component={SearchPage} />
      <Route path='/login' component={LoginPage} />
      <Route path='/payment' component={PaymentPage} />
    </Route>
  </Router>),
    document.getElementById('app-container'));

Answer 1

您是否尝试了browserHistory选项？您还可以从浏览器刷新页面，或者指定一个现有路由的url，然后登陆到正确的页面。

import { Router, Route, browserHistory } from 'react-router';

ReactDOM.render((
 <Router history={browserHistory}>
    <Route path='/' component={MasterPage}>
      <IndexRoute component={LoginPage} />
      <Route path='/search' component={SearchPage} />
      <Route path='/login' component={LoginPage} />
      <Route path='/payment' component={PaymentPage} />
    </Route>
  </Router>),
    document.getElementById('app-container'));

此外，考虑到react-router github文档，hashHistory不用于生产。

https://github.com/reacttraining/react-router/blob/master/docs/guides/histories.md#browserhistory