Reactjs React router 4 HashRouter,如何在url中隐藏哈希?

Reactjs React router 4 HashRouter,如何在url中隐藏哈希?,reactjs,react-router-v4,Reactjs,React Router V4,我使用react-router-4 HashRouter,因为我将静态构建放在AWS bucket中,并通过cloudfront提供服务。因此,基本上,我没有一个服务器在前端的东西,以支持BrowserRoute 我想要的是:example.com/#/accounts\uu将成为example.com/accounts 在angular 1.x中,我将使用$locationProvider.html5Mode(true)实现同样的功能 任何帮助都将不胜感激。您可以使用BrowserRouter

我使用react-router-4 HashRouter,因为我将静态构建放在AWS bucket中,并通过cloudfront提供服务。因此,基本上,我没有一个服务器在前端的东西,以支持BrowserRoute

我想要的是:
example.com/#/accounts\uu将成为example.com/accounts

在angular 1.x中,我将使用
$locationProvider.html5Mode(true)
实现同样的功能


任何帮助都将不胜感激。

您可以使用BrowserRouter。我建议大家阅读一下客户端和服务器路由是如何工作的

使用这种方法,如果您计划在生产环境中使用任何东西,则需要将该环境配置为具有到索引页的回退路由,然后处理客户端路由

import { BrowserRouter, Switch, Route } from 'react-router-dom';

<BrowserRouter>
  <Switch>
    <Route exact path="/foo" component={FooController}
    <Route path="/foo/bar" component={FooController} />
  </Switch>
</BrowserRouter>

改用
{withRouter}
devServer: {
  historyApiFallback: true,
},