webpack-dev-server react-router 推送状态

Question

我正在尝试让 react-router 与 webpack-dev-server 一起工作，但一直无法获取 /SOMEURL。这是因为 webpack-dev-server 正在寻找该特定文件但找不到它。我希望 webpack 诉诸于使用 react-router 与搜索文件本身。

我该如何设置？

我的咕噜：

'webpack-dev-server': {
      options: {
        hot: true,
        port: 8000,
        webpack: webpackDevConfig,
        publicPath: '/assets/',
        contentBase: './<%= pkg.src %>/'
      },

      start: {
        keepAlive: true,
      }
    },

Answer 1

使用 --history-api-fallback 选项 webpack-dev-server。如果路由不匹配任何其他文件，这将使用 connect-history-api-fallback 来提供 index.html。（这意味着您必须使用 index.html 作为 HTML 页面的文件名。）

Answer 2

对我来说，我的索引文件中有这个：

<script src="./assets/app.js"></script>

而不是

 <script src="/assets/app.js"></script>

所以，看起来历史回退 API 与我的配置错误。

webpack-dev-server react-router 推送状态

webpack-dev-server react-router push state

reactjs

webpack

react-router