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

Question

我正在使用 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"
            }
        }
    ]
  }
};

标签： reactjswebpackwebpack-dev-server

Answer 1

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

webpack.config.js

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