reactjs - 我需要哪些进一步的步骤才能允许托管在 s3 上的静态站点向弹性 beantalk 上的服务器发出 https 请求？

Question

我当前的堆栈非常简单：后端：Django 2.1.1，python 3.6 我正在使用应用程序负载平衡器在弹性 beanstalk 上运行它。我有端口 80 监听 HTTP 和端口 443 监听 HTTPS 并选择了我的 ssl 证书。我没有选择 SSL 策略，因为我不知道它们的作用。

Frontend：React，主要使用axios做请求（axios.get、axios.put等）。我将它托管在两个 s3 存储桶上，mainsite.com 和 www.mainsite.com，它会将 HTTP 重定向到该站点。我还有 2 个将 HTTP 重定向到 HTTPS 的云端分发，使用的证书与我用于负载均衡器的证书相同。然后我创建了 2 个记录集并将别名设置为云分布。当我尝试执行任何请求时，我在控制台中看到：

xhr.js:173 Mixed Content: 
The page at 'https://fakesite.net/login' 
was loaded over HTTPS, but requested an insecure XMLHttpRequest endpoint 
'http://myenv-env.randomletters.us-east-1.elasticbeanstalk.com/rest-auth/login/'. 
This request has been blocked; the content must be served over HTTPS.

我还需要配置什么？我是否需要更改代码，还是与 aws 相关。

标签： reactjsamazon-web-serviceshttpsaxiosamazon-elastic-beanstalk