Webpack 通過調用 sockjs-node/info 記錄錯誤“net::ERR_SSL_PROTOCOL_ERROR”

Question

在前面，我在后面使用react .net core 3.1

在客戶端上，我使用在localhost:8080上運行的 webpack

在 Startup.cs 我使用 proxyToSpa

 applicationBuilder.UseSpa(spa =>
                {
                    spa.UseProxyToSpaDevelopmentServer("http://localhost:8080/");
                });

在 HTTP 上按預期工作，沒有任何錯誤，但在 HTTPS 上，我看到很多控制台錯誤和網絡中的失敗請求，對於 ( sockjs-node/info?t= ...) 的請求失敗，錯誤net::ERR_SSL_PROTOCOL_ERROR

是否有任何選項可以配置 webpack 或 .net 核心項目以避免 HTTPS 上的這些錯誤日志？

Answer 1

https://webpack.js.org/configuration/dev-server/#devserverdisablehostcheck

使用 cli

webpack-dev-server --disable-host-check

或在 webpack 配置中

devServer: {
        disableHostCheck: true
    }

Answer 2

這可能是問題，它對我有用

https://howchoo.com/chrome/stop-chrome-from-automatically-redirecting-https

如果您曾經訪問過 https 版本的網站（無論是否已解決），Google Chrome 可能會反復將您發送到該版本

Answer 3

My main site was using https (reverse proxy to development server), so definining public: http://... didn't help for my development server, because the browser forced https (as the main site was https to).

幫助我的是在 devServer 中使用 https ： https://stackoverflow.com/a/29772748/3279070

重要的是 devServer HTTPS 使用良好的證書簽名，就像主站點（反向代理）一樣，並使用由證書簽名的主機名（公共財產）。 因此，例如典型場景是使用相同的證書文件和相同的主機名（公共：'https://hostname:8081'）作為主站點