如何为Angular 4应用创建AWS Elastic Beanstalk？部署后健康异常求助

我之前部署Angular应用到Elastic Beanstalk的Node.js环境时，也碰到过一模一样的健康状态异常问题，折腾了好一阵才找到几个可行的解决办法，分享给你：

1. 配置静态文件服务的启动脚本 #

Elastic Beanstalk的Node.js平台默认会执行npm start，而Angular是静态应用，需要一个轻量服务器来托管静态文件，推荐用http-server：

• 先在本地项目安装依赖：

  npm install --save http-server
  

• 然后修改package.json的scripts字段，用Elastic Beanstalk提供的环境变量指定端口：

  "scripts": {
    "start": "http-server -p $PORT -d false"
  }
  

  这里$PORT是关键，不能硬写固定端口（比如3000），否则会因为权限或端口冲突导致健康检查失败。
• 重新打包：确保dist文件夹内的所有文件（不是dist本身）和更新后的package.json放在zip包的根目录，生成新的eb.zip重新部署。

2. 用.ebextensions配置Nginx直接托管静态文件 #

如果不想依赖Node.js服务器，更高效的方式是配置底层的Nginx来直接serve静态资源：

• 在打包根目录新建.ebextensions文件夹，里面创建01_angular_nginx.config文件，内容如下：

  files:
    "/etc/nginx/conf.d/elasticbeanstalk/00_angular.conf":
      mode: "000644"
      owner: root
      group: root
      content: |
        server {
            listen 8080;
            server_name localhost;
            root /var/app/current;
            index index.html index.htm;
  
            location / {
                try_files $uri $uri/ /index.html;
            }
        }
  

  这个配置会让Nginx把所有请求转发到index.html，完美适配Angular的HTML5路由模式，同时直接托管静态文件。
• 同样要确保package.json有一个不会报错的start脚本（比如"start": "node -e \"console.log('Static files served by Nginx')\""），避免Elastic Beanstalk启动时抛出错误。

3. 检查打包结构是否正确 #

这是最容易踩坑的点：你的eb.zip根目录必须直接包含index.html、js/、css/等静态文件，以及package.json，绝对不能把整个dist文件夹放在zip里。如果结构错了，Elastic Beanstalk要么找不到package.json，要么找不到静态资源，直接导致健康异常。

4. 查看日志定位具体问题 #

如果上面的方法都没用，去Elastic Beanstalk控制台的「日志」选项卡下载完整日志，重点看这几个部分：

• npm install是否失败（比如依赖缺失、网络问题）
• 启动脚本是否报错（比如端口错误、文件路径错误）
• Nginx日志是否有404或500错误（静态资源找不到）

比如日志里如果出现listen EACCES，大概率是你硬写了固定端口，没有用$PORT环境变量。

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