Reactjs 如何从HTTPS页面中查询API?

Reactjs 如何从HTTPS页面中查询API?,reactjs,nginx,flask,https,gunicorn,Reactjs,Nginx,Flask,Https,Gunicorn,在将web平台移动到HTTPS的过程中,我遇到了一个问题。以下是我正在使用的设置: 基于Python Flask的http服务器由gunicorn提供服务 Nginx将SSL加密的HTTPS通信定向到http服务器 http服务器提供一个JS页面 gunicorn提供独立的基于Python Flask的API服务器 现在我正在从ReactJS页面向API服务器发出PUT和GET请求。因为ReactJS页面是通过HTTPS代理的,所以任何请求都是完全加密的。因此,API服务器接收加密的请求 我

在将web平台移动到HTTPS的过程中,我遇到了一个问题。以下是我正在使用的设置:

  • 基于Python Flask的http服务器由gunicorn提供服务
  • Nginx将SSL加密的HTTPS通信定向到http服务器
  • http服务器提供一个JS页面
  • gunicorn提供独立的基于Python Flask的API服务器
现在我正在从ReactJS页面向API服务器发出PUT和GET请求。因为ReactJS页面是通过HTTPS代理的,所以任何请求都是完全加密的。因此,API服务器接收加密的请求


我的问题是,如何从HTTPS页面中查询API服务器?

如果我做对了,问题是“如何覆盖阻止我从HTTPS://托管的页面中通过http://发送请求的浏览器安全性”

答案是:没有办法做到这一点

如果无法为API服务器启用SSL,您可以使用自己的服务器作为安全代理。最后它看起来像
ReactJS->HTTPS->your server->HTTP->API server


UPD类似的情况(扰流板:没有解决办法)

感谢@skyboyer的快速响应。我将尝试您提出的解决方案,即从ReactJS查询回我自己的HTTPS页面,并在服务器端提交查询。非常感谢,此解决方案实际上刚刚解决了我的问题!