angular - 我如何检查 Angular 是否在生产服务器和本地主机上运行

Question

我希望 Angular 4 使用的一些变量根据我是在生产服务器上运行应用程序还是在用于开发的本地主机上运行而有所不同。我怎样才能做到这一点？对于 node.js，我使用环境变量，但我不确定是否可以为 Angular Web 应用程序使用类似的环境变量。在不显式设置然后部署的情况下将 Angular 设置为生产环境的最佳方法是什么？

Answer 1

如果您在 main.ts 文件中调用了 enableProdMode() 方法，您可以从 @angular/core 导入 isDevMode检查 Angular 应用程序是否在 prod mod 上运行。

例如

import { Component, isDevMode} from '@angular/core';

@Component({...})
export class HomePageComponent {
  constructor() {
    if(isDevMode()){
        console.log("created new HomePageComponent");
    }
  }
}

这是检查应用程序模式的一种方法。

但是与环境值关系更密切的是angular-cli生成的环境文件。使用这些文件，您可以配置将根据启动实时服务器/构建源代码的模式设置的值。您可以在 the following link 中找到更多信息