Angular4应用推送到Cloudfoundry失败，求助解决方法

你遇到的核心问题是应用没有正确监听可被容器访问的地址和端口，再加上用了开发环境的ng serve服务器，导致生产部署不兼容，下面一步步帮你搞定：

问题根源拆解 #

1. ng serve默认只绑定localhost（127.0.0.1），而Cloud Foundry的健康检查是从容器外部发起请求的，自然会出现连接拒绝的错误。
2. ng serve是Angular的开发调试服务器，它没有做生产环境的性能优化，也不是为长期稳定运行设计的，不适合部署到Cloud Foundry这类生产平台。

具体解决方案 #

步骤1：构建Angular生产优化包 #

先在本地生成适合生产环境的静态资源文件：

ng build --prod

执行完这个命令后，项目根目录会生成dist文件夹，里面就是打包好的Angular应用静态文件。

步骤2：修改Manifest并选择合适的Buildpack #

推荐两种方案，选其一即可：

方案A：使用Staticfile Buildpack（推荐，最简配置）

Staticfile Buildpack是Cloud Foundry专门用来托管静态网站的，不需要额外配置服务器：
修改你的manifest.yml如下：

applications:
- name: angular-xxx
  buildpack: staticfile_buildpack
  path: dist/你的项目名  # 替换成实际的dist子文件夹名，比如dist/angular-xxx

方案B：使用Node.js Buildpack配合静态文件服务器

如果坚持用Node.js Buildpack，需要借助http-server这类工具来托管静态文件：

1. 安装依赖包：

npm install --save http-server

2. 在package.json的scripts中添加启动命令：

"scripts": {
  // 保留你原有的其他脚本
  "start": "http-server dist/你的项目名 -p $PORT -a 0.0.0.0"
}

3. 修改manifest.yml：

applications:
- name: angular-xxx
  buildpack: nodejs_buildpack
  path: .

步骤3：重新推送应用 #

回到项目根目录，执行推送命令：

cf push

这样修改后，应用会正确监听容器的所有网络地址（0.0.0.0），并自动使用Cloud Foundry分配的端口（通过$PORT环境变量获取），健康检查就能正常通过了。

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