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

Posted 2023-02-21

【中文标题】Webpack-dev-server 如何删除 React 应用程序的默认路由？

【英文标题】：Webpack-dev-server how to remove default routing for react app?

【发布时间】：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 是的，就是这样！非常感谢，如果您添加您的评论作为答案 - 我会接受它。

【参考方案1】：

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

webpack.config.js

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