HTTPS 页面上的 webpack-dev-server

Question

当应用程序使用 HTTPS 而开发服务器使用 HTTP 时，我无法让 websocket 工作。

我在默认 http://localhost:8080 上运行 webpack-dev-server。我的应用程序在https://myapp.test 上运行并引用http://localhost:8080/js/app.js。这可行，但是当它尝试创建 websocket 连接时，它会在 https://192.168.178.20:8080/... 上请求它并且失败：

192.168.178.20 是我的本地 IP 地址，因此当我手动将 https 更改为 http 时，它会正确加载。如果我在http://myapp.test 上通过 HTTP 提供完全相同的应用程序，那就太棒了：

或者，如果我在 webpack 配置中设置 devServer: { https: true } 也可以，但只有在我手动接受自签名证书之后。

有没有办法从 HTTPS 页面加载 HTTP 连接上的套接字？

Answer 1

强制使用 HTTPS 是故意的，但如果 hostname===127.0.0.1 有一个例外：

devServer: {
  host: '127.0.0.1'
}

请参阅source code。