reactjs - React-router "Cannot GET/*"除了根 url

Question

我愿意在我的应用程序中使用 React-router，并且我正在尝试 the example given in the doc首先，我在下面复制了它。现在当我去 localhost:3000/ ，我按预期看到“App”，但每隔一个页面，例如 localhost:3000/inbox返回“无法获取/收件箱”。我在这里缺少什么？

var About = React.createClass({
  render: function () {
    return <h2>About</h2>;
}});

var Inbox = React.createClass({
  render: function () {
    return <h2>Inbox</h2>;
}});

var App = React.createClass({
  render () {
    return (
      <div><h1>App</h1>
        <RouteHandler/>
      </div>
)}});

var routes = (
  <Route path='/' handler={App}>
    <Route path="about" handler={About}/>
    <Route path="inbox" handler={Inbox}/>
  </Route>
);

Answer 1

如果您使用的是webpack-dev-server，则有一个名为history-api-fallback的选项。如果设置为 true 404s 将回退到 /index.html。

将选项添加到 Webpack 配置的 devServer 部分，如下所示:

devServer: {
    contentBase: 'app/ui/www',
    devtool: 'eval',
    hot: true,
    inline: true,
    port: 3000,
    outputPath: buildPath,
    historyApiFallback: true,
},

Webpack 文档链接:https://webpack.js.org/configuration/dev-server/

Github 上的

webpack-dev-server 文档:https://github.com/webpack/webpack-dev-server