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

Question

我正在为运行我的 reactJS 应用程序使用 webpack-dev-server。我想实现自己的路由器（用于学习目的），但是 webpack-dev-server 拦截了 url 和 return 404 错误的路径名。如何删除或修复此问题？我只想通过自己的路由组件处理 urls 的路径名，并使用 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
  }
};

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

Webpack-dev-server how to remove default routing for react app?

reactjs

webpack

webpack-dev-server