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 嵌入式网络服务器为其他环境提供服务。 原因是对于验收测试，您希望尽可能地重现生产环境。由于您将在生产环境中使用真正的网络服务器（nginx、apache、iis、...），因此您还需要在其他阶段复制它。 （Angular CLI 网络服务器不适合生产使用，原因之一是可扩展性。） 您可以使用不同的端口或路径映射到文档根目录，以便在使用同一服务器时为环境提供服务。配置取决于您要使用的网络服务器。 如果您无论如何都需要在不同的端口上启动，您可以使用

ng serve --port 4201

使用端口 4201 代替默认端口。