如何部署搭配Node.js服务器的Angular 5应用？部署后服务器异常求助

嘿，我来帮你理清这个问题～首先得明确一个关键点：Angular的ng build命令只会生成前端静态资源（HTML、CSS、打包后的JS文件），完全不会包含你的Node.js后端服务器代码，所以你必须单独部署Node.js服务，和前端静态文件分开处理。下面是具体的解决步骤：

1. 分开部署前端和后端 #

• 前端静态文件部署：
  在本地运行ng build --prod命令，生成dist文件夹。把这个文件夹里的所有内容上传到FastComet服务器的网站根目录（一般是public_html文件夹），这就是用户访问到的前端页面。
• Node.js后端部署：
  • 在FastComet服务器上创建一个独立的目录（比如node-backend），把你的Node.js后端代码（包括完整的package.json、服务器入口文件如server.js等）上传到这个目录。
  • 进入该目录，运行npm install安装所有依赖包。
  • 用PM2管理Node进程（FastComet支持PM2），执行pm2 start server.js --name "paracordcalc-backend"来启动服务，这样即使服务器重启，后端服务也会自动恢复运行。

2. 处理跨域和API路径配置 #

• 因为前端和后端是两个独立的服务，会存在跨域问题，你需要在Node.js后端配置CORS：
  • 先安装CORS包：npm install cors
  • 在你的服务器入口文件中添加以下代码：

    const cors = require('cors');
    // 生产环境建议配置指定域名，比如 origin: 'https://your-domain.com'
    app.use(cors());
    

• 前端的API请求路径要修改为服务器上Node服务的访问地址，比如如果你的Node服务运行在http://your-domain.com:3000，那么前端里所有请求后端的接口都要使用这个地址，而不是本地开发时的localhost:3000。

3. 检查FastComet的Node.js环境配置 #

• 确认服务器上的Node.js版本和你本地开发环境的版本一致（本地运行node -v，服务器上也执行同样命令对比），版本不匹配可能会导致依赖或代码兼容性问题。
• 检查端口是否开放：Node服务常用的端口（如3000）需要在FastComet的控制面板中开放。或者更推荐用反向代理，把域名的某个路径（比如/api）指向Node服务的端口，这样前端可以用相对路径/api发起请求，不用暴露端口号。

4. 查看日志排查问题 #

如果部署后还是无法正常工作，一定要查看日志找原因：

• 用pm2 logs paracordcalc-backend查看Node服务的实时运行日志。
• 查看FastComet控制面板里的网站错误日志，排查前端请求的报错信息。

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