通过 https 的 webpack dev-server 代理

Question

我很难让我的 webpack 开发服务器代理到我的后端。

我正在使用 Vue 和 webpack cli 模板。

我的后端托管在 docker 容器中，可以在 localhost:8443/foo

中看到

我的 devServer 配置设置为：

dev: {
  proxyTable: {
    '/foo': {
       target: 'https://0.0.0.0:8443',
       secure: false,
       changeOrigin: true,
  },
  host: '0.0.0.0',
  port: 9000,
  https: {
    pfx: /path/to/pfx/file,
    passphrase: 'password',
    ca: /path/to/ca/file,
  }

正如我之前所说，当我将浏览器指向 https://localhost:8443/foo

时，我可以访问 api

当我运行我的 webpack 服务器并尝试访问 https://localhost:9000/foo 时，我收到错误消息：

Error occurred while trying to proxy request /foo from localhost:9000 to https://0.0.0.0:8334 (EPROTO)

我看不出我做错了什么，而且我的后端没有关于连接的错误。我认为我的代理甚至没有连接。

我在 Web 服务器上运行的 docker 命令是：

docker run -d --env-file=service.env -v /path/to/certs:/docker/path/certs -v /path/for/logs:/docker/path/logs -p 8443:8443

webpack 开发服务器未运行ing 在 docker 实例中。

Answer 1

解决了我自己的问题。

我不得不分解目标密钥并向其添加 SSL 标签。

我没有将服务器凭据传递给 https 标记，而是在目标标记中完成了所有操作。

通过 https 的 webpack dev-server 代理

webpack dev-server proxy over https

proxy

webpack-dev-server