如何将S3托管前端连接到Elastic beanstalk托管后端？

Question

我在我的react应用程序上运行了npm build并在AWS上打开了一个S3存储桶，将其更改为静态网站主机，并将react build文件夹的内容上传到其中。我现在能够访问前端部分。

我的后端，在node＆express上运行，完全在一个不同的包中。在整个开发过程中，我分别运行了“nodemon app”和“npm start”，并通过代理连接了两者。

我之前使用过Elastic Beanstalk来运行webapp，但整个软件包都在之前，我从来没有连接过2个服务器实例，所以我迷失了如何让前端发送POST请求并连接到websockets从S3到EBS。

例如，我的前端在开发期间连接到后端：

endpoint: 'http://localhost:3000'
this.state.io = socket.connect(this.state.endpoint);

我现在将其更改为EBS实例的域名吗？

我还使用Axios来处理我的POST请求。前端如何知道连接到我的EBS？

任何帮助将不胜感激，谢谢。

Answer 1

将端点设置为托管API的域。那应该是Elastic Beanstalk。为了避免CORS问题，如果将其全部设置在一个域下，则会更容易。您可能需要CloudFront，或者您可以使用快捷方式并在您的Elastic Beanstalk代理请求上使用Apache。