如何从 HTTPS 加密的 ReactJS 页面中查询 API？

Question

为了将 Web 平台迁移到 HTTPS，我遇到了一个问题。这是我正在使用的设置：

• 基于 Python Flask 的 http 服务器由 gunicorn 提供服务
• Nginx 将 SSL 加密的 HTTPS 流量定向到 http 服务器
• http 服务器为 ReactJS 页面提供服务
• 独立的基于 Python Flask 的 API 服务器由 gunicorn 提供服务

现在我正在从 ReactJS 页面向 API 服务器发出 PUT 和 GET 请求。因为 ReactJS 页面是通过 HTTPS 代理的，所以当然任何请求都是完全加密的。因此，API 服务器接收加密请求。

我的问题是，如何从 HTTPS ReactJS 页面中查询 API 服务器？

Answer 1

如果我答对了，问题是“如何覆盖阻止我通过 http:// 从托管在 https:// 的页面内发送请求的浏览器安全性”。

答案是：没办法。

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

UPD 类似案例 sending request from https to http from chrome extension（剧透：没有可用的解决方法）