angular2 cli中的Nginx等效配置答案

【问题标题】：Nginx equivalent configuration in angular2 cliangular2 cli中的Nginx等效配置
【发布时间】：2017-09-10 16:04:12
【问题描述】：

我是 angular2 的新手。我一直在为我的 angular1 使用 Nginx。如何在 angular2-cli 中配置这些设置

proxy_set_header Host $host;
proxy_set_header X-Real-IP $remote_addr;
proxy_pass http://localhost:8080/cloudface/;
proxy_cookie_path /cloudface/  /;

【问题讨论】：

您仍然可以将 nginx 与 angular 2 一起使用。我对 Nginx 配置了解不多，但如果您描述了您要查找的内容，也许我可以帮助您设置 angular cli 服务器。
确定。 @谢谢。我需要为生产设置我的 Angular CLI 服务器..
是否建议使用 Angular cli 服务器进行生产@AhmedMusallam
你不应该在生产环境中使用 Angular cli 服务器。它仅用作开发服务器。如果您已经在使用 Nginx，请继续将其用于 angular 2 以及生产环境。

【解决方案1】：

official documentation 上提供了完整指南，其中解释了在生产服务器上正确部署应用程序所需了解的所有内容。甚至还有专门用于Nginx 配置的部分。

我还建议您利用Angular-CLI 获利，以妥善处理与bundling、optimizing 和AOT compilation 相关的所有事情。

【讨论】：

【解决方案2】：

Angular-Cli 不适用于生产环境。它是一个开发服务器。所以这些东西可能不需要在 angular-cli 中设置。后端代理可以通过Setup Backend proxy实现

{
  "/api": {
    "target": "http://localhost:3000",
    "secure": false
  }
}

【讨论】：