如何在 Elastic Beanstalk 应用程序上允许 HTTPS

Question

我已经使用 AWS Amplify 部署了我的 React 前端/客户端。它会自动将 SSL 添加到生产分支 URL

我的后端/API 是使用 AWS ElasticBeans

部署的

现在的问题是，由于错误，我无法从客户端向我的服务器发出任何 API/HTTP 请求，

混合内容：“我的 HTTPS Ampify URL 此处”的页面已加载 HTTPS，但请求了不安全的 XMLHttpRequest 端点“我的 HTTP” 豆茎在这里’。该请求已被阻止；内容必须是 通过 HTTPS 提供服务。

如何将 AWS Beanstalk 配置为 HTTPS？

老实说，我在互联网上阅读了很多有关它的解决方案，

1. 使用 Amazon Certificate Manager 创建 SSL 证书
2. 在我的 Beanstalk 上添加了应用程序负载均衡器
3. 添加了侦听器端口 443，添加在步骤 1 中创建的证书

之后，当我尝试通过 HTTPS 访问我的后端时，我收到了

502 Bad Gateway

尝试了一些我看到的解决方案

1. 从 AWS Amplify 部署的 HTTPS (SSL) 客户端向 HTTP 终端节点发出 API 请求
2. https://docs.aws.amazon.com/elasticbeanstalk/latest/dg/configuring-https.html
3. https://docs.aws.amazon.com/elasticbeanstalk/latest/dg/configuring-https-elb.html

Answer 1

根据您的描述，我认为您可能错过了添加从 HTTP 到 HTTPS 的重定向。 如果是这种情况，您需要创建一个额外的侦听器来侦听 HTTP 请求并将其重定向到 HTTPS。

这里有一个链接详细解释