将 AWS Amplify 前端与 EC2 实例连接？

Question

所以，我现在正在做一个黑客马拉松项目，为了演示，我通过 Elastic Beanstalk 在 EC2 上启动了一个 NodeJS Express 服务器。 在本地使用我们的前端测试服务器的 API 时，它运行得非常好。

现在我们已经将我们的前端部署到 AWS Amplify，在 Route53 中设置了一个域名，并连接了所有东西。 当我们进入域时，我们的前端看起来很棒，但是当我们尝试使用连接到我们服务器 API 的功能时，我们得到一个net::ERR_SSL_PROTOCOL_ERROR 。

做一些研究，看起来（？）我们必须在 EC2 前面的 Classic Load Balancer 上设置一个证书。 所以我申请了一个证书，并在负载均衡器上创建了一个监听器，如下所示：

负载均衡器协议	负载均衡器端口	实例协议	实例端口
HTTPS	443	HTTPS	3000

但是现在我意识到如果这样设置，我仍然不知道如何将 React Frontend 的 API 调用指向负载均衡器而不是 EC2，或者监听器是否设置正确。 有没有人知道我们应该在这里采取哪些步骤？

对于应用程序的细节，后端是一个非常简单的 Express 应用程序，启用了 CORS，前端是一个相当标准的 React 项目，两者都没有什么特别之处。

Answer 1

Instance Protocol应该是 HTTP。 因此，您的设置仅在客户端和 CLB 之间使用 HTTPS：

Client--- (HTTPS) ---> CLB --- (HTTP) ---> EC2

此外，为了正确设置 HTTPS，您需要使用自己的域。 您不能为您的应用程序使用 EB 提供的默认域。