Webpack Devserver HistoryApiFallback答案

【问题标题】：Webpack Devserver HistoryApiFallbackWebpack Devserver HistoryApiFallback
【发布时间】：2021-02-11 09:56:11
【问题描述】：

我的 React webpack 开发服务器设置如下：

devServer: {
        port: 3000,
        historyApiFallback: true,
        proxy: {
            '/api': 'http://localhost:8080'
        }
    },

现在我还需要将disabledDotRule: true 添加到historyApiFallback。有人可以帮我这样做吗？如果我尝试将其更改为

historyApiFallback: {
            disableDotRule: true,
        },

我收到以下 ECONNREFUSED 错误：

Error occurred while trying to proxy request /api/.../ from localhost:3000 to http://localhost:8080

我想问题是缺少historyApiFallback: true。如何在添加 disabledDotRule: true 的同时保留它？

【问题讨论】：

【解决方案1】：

抱歉，我误解了你的问题。

您可以尝试以下方法，看看是否有效：

(1) 将“http:localhost:8080”替换为“http://[::1]:8080”，如下所示：

proxy:{
  "/api":"http://[::1]:8080"
}

(2) 在不同的端口（如 8081）上运行 API，看看是否遇到相同的错误

【讨论】：