如何在服务器上部署Angular + NodeJS项目?

时间:2020-06-26 08:41:13

标签: node.js angular webpack deployment

我有一个带有NodeJS后端的Angular项目。我对如何在远程服务器上部署项目感到困惑?因为简单,我决定使用webpack,所以我运行了以下命令:

ng build --prod

它为我创建了一个名为dist的文件夹。我想我必须将此文件夹的内容复制到NodeJS backedn服务器的公用文件夹中,但是我不确定自己是否做对了?

我也应该更改前端代码或后端代码的其他配置吗?还是仅将dist文件夹复制到服务器的公用文件夹中就可以解决所有问题?

1 个答案:

答案 0 :(得分:1)

您有一份很好的Angular文档指南:https://angular.io/guide/deployment

是的,您应该将dist/yourproyect(Angular编译为HTML + CSS + JavaScript + Assets)复制到要部署它的任何Web服务器上。

出于隔离目的(也许还有配置目的),我建议将正面和反面放在不同的文件夹中。但是您可以在NodeJS中部署它。

简而言之:Angular PM2的Web服务器 Apache / Nginx / IIS / GitHubPages / Firebase / etc strong>(https://pm2.keymetrics.io/)以启动您的NodeJS。但是根据您的预期负载,您可能需要选择一种或另一种服务器类型。

无论如何,如果您特别想通过NodeJS服务Angular ,我建议您使用本教程(2016年,也许有些过时了,但这会有所帮助):https://scotch.io/tutorials/mean-app-with-angular-2-and-the-angular-cli