React-router 不处理我路径中的哈希

Question

我的 react-router 设置如下：

<Router history={browserHistory}>
     <Route path="/" component={App}>
     {/* other routes */}
</Router>

我正在使用来自 react-router 的browserHistory。

我的应用程序在 Amazon S3 存储桶上，当我发出初始请求时，在 Chrome 和 Firefox 上一切正常，但在 Safari、Edge 和 IE 上却无法正常工作。

我看到在服务器上添加的路径中添加了哈希。

所以基本上如果我输入：

https://example/foo

变成：

https://example/#/foo

我的 react-router 不知道如何正确路由它，因为我的路由中没有定义带有哈希的路由。难道我做错了什么？提前致谢。

Answer 1

考虑使用hashHistory 而不是browserHistory，这在React 路由器中也可以通过import { hashHistory } from 'react-router' 使用。 （eg. <Router history={hashHistory}> 而不是<Router history={browserHistory}>）