Nginx 反向代理到 https 出现 502

最近在做一个老系统的前端重构，用 Vue 做前后端分离。但是在部署的时候碰到了 nginx 反向代理 Https 的问题,接口调用总是报出 502 错误。如下：

前端部署在一台 Nginx 服务器上，其中会调用若干接口，其中有几个接口是 https 协议的。但是前端网站是使用的 http 协议。

在配置 nginx 反向代理如下：

location /xxxapi { proxy_pass https://xxx.yyy.com; proxy_set_header Host $host; proxy_set_header X-Real-IP $remote_addr; proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; proxy_set_header X-Forwarded-proto https; } 

访问的时候 https 协议的接口总是报出 502 错误，请教一下大家有没有遇到过这个方面的问题，是怎么解决的呢？