webpack-dev-server react-router push state

时间:2015-03-08 05:09:51

标签: reactjs webpack react-router

我正在尝试使用react-router与webpack-dev-server一起工作,但仍然无法获取/ SOMEURL。这是因为webpack-dev-server正在查找该特定文件但无法找到它。我希望webpack能够使用react-router vs搜索文件本身。

我该如何设置?

我的咕噜声:

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

      start: {
        keepAlive: true,
      }
    },

2 个答案:

答案 0 :(得分:17)

使用--history-api-fallback选项webpack-dev-server。如果路线与任何其他文件不匹配,则会使用connect-history-api-fallback提供index.html。 (这确实意味着您必须使用index.html作为HTML页面的文件名。)

答案 1 :(得分:1)

对我来说,我在索引文件中有这个:

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

而不是

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

因此,看起来历史回退API与之竞争 我的配置错误。