如何在 AWS EC2 实例上部署 React 应用程序？

Question

我在 ec2 上通过 AWS 有一个 Ubuntu 虚拟服务器。我已经启动了该应用程序，并且能够通过 localhost:8080 访问它，但是当我尝试访问服务器外部时，它显示：Refused to Connect。我在安全组中打开了 8080 和 80 端口。还有什么我应该做的吗？不幸的是，我认为我破坏了与 iptables 混淆的实例，因此我将无法提供任何配置信息。

Answer 1

我认为这将是一个文件，因为 React 将被编译。 我确定该文件名为 bundle.js。

如果你将该文件导入到带有 script 标签的 HTML 文件中，React 就可以工作。

您必须打开端口 :80 并设置文档根目录。

Answer 2

你必须使用 nginx 或 apache 来代理 pass 80 到 8080。

1. 安装 apache
2. 转到 httpd.conf

3. 像这样设置虚拟主机：

   <VirtualHost *:80>
     ProxyRequests Off
     ProxyPass / http://localhost:8080/
     ProxyPassReverse / http://localhost:8080/
   </VirtualHost>
   

4. 您可以对 https 执行相同的操作，代理将 443 传递到 8443 或运行您的 react 应用程序的任何端口。