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

user_5397119 0
Viewed 657

I'm using webpack-dev-server for running my reactJS application. I want to implement own router (for learning purposes), but webpack-dev-server intercepts pathname of url and return 404 error. How to remove or fix this ? I just want to processing urls' pathname by own route component and remove processing of router with webpack-dev-server.

My webpack.config.js

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

You can set historyApiFallback to true and the server will respond with the index.html page instead of 404.

webpack.config.js

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