是否可以在Angular CLI中为不同的环境（区域）设置不同的端口？

Question

我正在将Angular 2应用程序（使用Webpack）迁移到 Angular 4（使用CLI）。

我们有 Localhost（Windev），Dev，UAT，SIT和Prod 区域。

现在我要求为每个环境设置不同的端口。

我在同一服务器上为环境 SIT 和 UAT 部署相同的应用程序，因此需要有不同的端口。

但是我不知道如何在CLI中使用它，因为我是新手。

export const environment = {
  production: false,
  defaults: {
    "serve": {
      "port": 3000
    }   
  } 
};

我们可以这样做吗？每个环境文件中都有不同的端口。

Answer 1

除了本地开发之外，您不会使用Angular-CLI嵌入式Web服务器来提供其他环境。 原因是对于验收测试，您希望尽可能地重现生产环境。由于您将在生产环境中使用真实的Web服务器（nginx，apache，iis，...），因此您还需要在其他阶段复制它。 （Angular CLI Web服务器不适合生产使用，其中一个原因是可扩展性。） 您可以使用不同的端口或路径映射到文档根目录，以便在使用同一服务器时为环境提供服务。配置取决于您要使用的Web服务器。 如果你需要在另一个端口上启动，你可以使用

ng serve --port 4201

使用端口4201而不是默认端口。