Webpack-dev-server 如何删除 React 应用程序的默认路由？答案

【问题标题】：Webpack-dev-server how to remove default routing for react app?Webpack-dev-server 如何删除 React 应用程序的默认路由？
【发布时间】：2019-04-14 10:48:43
【问题描述】：

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

我的 webpack.config.js

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

【问题讨论】：

我不太确定我理解你的问题，但也许你想设置historyApiFallback to true？
@Tholle 是的，就是这样！非常感谢，如果您添加您的评论作为答案 - 我会接受它。

标签： reactjs webpack webpack-dev-server

【解决方案1】：

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

webpack.config.js

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

【讨论】：