部署React应用及MERN栈至AWS EC2是否需用Nginx？最佳方案咨询

1. 将React应用部署到EC2时是否需要使用Nginx？ #

不是必须，但要分场景判断：

• 临时测试场景：直接用serve或http-server托管React build后的静态文件即可，无需Nginx。
• 生产环境场景：Nginx是非常推荐的选择，它能处理SPA路由重定向（解决刷新非根路径404的问题）、静态资源缓存、端口转发（将80/443端口请求转到React服务端口）、SSL证书配置，还能提供更稳定的静态资源服务性能。

2. 将MERN栈应用部署到AWS EC2时，使用Nginx是否必要或属于常规做法？ #

Nginx不是强制要求，但绝对是生产环境的常规最佳实践：

• MERN栈中，React前端是静态资源，Node.js后端提供API，Nginx可作为反向代理，区分前端页面请求与API请求（比如将/api开头的请求转发到Node服务端口，其余请求返回React静态文件）。
• 它能承担静态资源分发、SSL加密、负载均衡的工作，让Node进程专注处理业务逻辑，避免资源浪费，同时提升整体服务的稳定性与安全性。

3. 带有NodeJS后端的React应用部署到EC2的最佳方式 #

步骤分解： #

（1）准备EC2实例

• 选择合适的系统镜像（如Ubuntu Server），配置安全组：开放80（HTTP）、443（HTTPS）端口，以及Node服务的自定义端口（比如3001）。
• 通过密钥对登录EC2实例。

（2）安装基础环境

• 安装Node.js和npm：

  curl -fsSL https://deb.nodesource.com/setup_20.x | sudo -E bash -
  sudo apt-get install -y nodejs
  

• 安装Nginx：

  sudo apt update
  sudo apt install nginx
  

• 安装PM2（用于管理Node进程，保证服务持续运行）：

  npm install pm2 -g
  

（3）部署前端React应用

• 在本地执行npm run build生成生产环境静态文件。
• 将build文件夹传到EC2（示例用scp）：

  scp -i "your-key.pem" -r ./build ubuntu@your-ec2-ip:/var/www/react-app
  

（4）部署Node.js后端

• 将后端代码传到EC2（如git克隆或scp），进入项目目录安装依赖：

  npm install
  

• 用PM2启动后端服务：

  pm2 start server.js --name "mern-backend"
  

• 配置PM2开机自启：

  pm2 startup
  pm2 save
  

（5）配置Nginx反向代理

• 编辑Nginx配置文件：

  sudo nano /etc/nginx/sites-available/mern-app
  

  填入以下配置（按需替换域名、端口等信息）：

  server {
      listen 80;
      server_name your-domain.com; # 替换为你的域名或EC2公网IP
  
      # 处理React静态资源
      location / {
          root /var/www/react-app/build;
          try_files $uri $uri/ /index.html; # 解决SPA路由刷新404问题
      }
  
      # 转发API请求到Node后端
      location /api {
          proxy_pass http://localhost:3001; # 替换为你的Node服务端口
          proxy_http_version 1.1;
          proxy_set_header Upgrade $http_upgrade;
          proxy_set_header Connection 'upgrade';
          proxy_set_header Host $host;
          proxy_cache_bypass $http_upgrade;
      }
  }
  

• 启用配置并重启Nginx：

  sudo ln -s /etc/nginx/sites-available/mern-app /etc/nginx/sites-enabled/
  sudo nginx -t # 检查配置合法性
  sudo systemctl restart nginx
  

（6）配置SSL（可选但推荐）

• 用Certbot安装Let's Encrypt免费SSL证书：

  sudo apt install certbot python3-certbot-nginx
  sudo certbot --nginx -d your-domain.com
  

  证书会自动配置到Nginx，实现HTTP到HTTPS的自动跳转。

（7）测试与优化

• 访问域名或EC2公网IP，验证前端页面与API接口是否正常。
• 开启Nginx的gzip压缩、配置静态资源缓存策略，提升加载速度。

内容的提问来源于stack exchange，提问作者Texas12