配置react-router与服务器

Question

我正在使用react-router来组织我的Web应用程序，其结构如下：

<Router history={createBrowserHistory()}>
    <Route path="/" component={AnyPic}>
        <IndexRoute component={PhotoList} />
        <Route path="p/:photoId" component={PhotoView} />
    </Route>
</Router>

这很好用，但我无法直接链接到匹配p/:photoId的网址。假设我在我的网页上加载了localhost:8000/p/xyz。如果我刷新页面或直接链接到它，我会收到404错误。我理解这是因为没有p目录。我能以任何方式解决这个问题吗？

Answer 1

您错过了createBrowserHistory的服务器端配置。请参阅https://github.com/rackt/react-router/blob/v1.0.0/docs/guides/basics/Histories.md#configuring-your-server上的文档。