webpack dev-server代理通过https

时间:2018-01-23 22:04:46

标签: proxy webpack-dev-server

我最难让我的webpack dev服务器代理到我的后端。

我正在使用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)

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

我在网络服务器上运行的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 dev服务器未在docker实例中运行。

1 个答案:

答案 0 :(得分:1)

解决了我自己的问题。

我不得不打破目标密钥并为其添加SSL标记。

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