Webpack-dev-server如何删除React App的默认路由？

Question

我正在使用webpack-dev-server运行我的reactJS应用程序。我想实现自己的路由器（出于学习目的），但是webpack-dev-server截获url的路径名并返回404错误。如何删除或修复此问题？我只想通过自己的路由组件处理网址的路径名，并使用webpack-dev-server删除路由器的处理。

我的webpack.config.js

module.exports = {
    entry: "./src/app.js",
    module: {
    rules: [
        {
            test: /\.js$/,
            exclude: /node_modules/,
            use: {
                loader: "babel-loader"
            }
        }
    ]
  }
};

Answer 1

您可以将historyApiFallback设置为true，服务器将以index.html页面而不是404进行响应。

webpack.config.js

module.exports = {
  //...
  devServer: {
    historyApiFallback: true
  }
};