通过在Angular 6中设置环境变量的动态网址？答案

【问题标题】：Dynamic Url by setting environment variables in Angular 6?通过在Angular 6中设置环境变量的动态网址？
【发布时间】：2019-04-30 06:25:14
【问题描述】：

我是 Angular 的新手，并试图在其中实现 Dynamic API。简而言之，Dynamic API 表示基于已登录的account，我的应用程序应调用API。也就是说，如果我已从 Dev 帐户登录(rajat-dev@xyz.com) 它应该调用 Dev API 并且如果我从 PROD 帐户 (rajat-prod@xyz.com) 登录，它应该调用Prod API。经过大量研究，我发现你不能在较新的ANGULAR CLI中使用webpack。但我可以编辑environment.ts。我有 API 作为 https://admin-console.api.prod.xyz.io (prod) 和 https://admin-console.api.xyz.io (dev)。如何从环境变量中实现这一点？。

【问题讨论】：

标签： angular webpack environment-variables angular6 angular-cli

【解决方案1】：

实际上，您可以在不使用环境变量的情况下实现动态 API。您只需向帐户对象添加一个属性，以便您知道当前登录的帐户是 type dev 还是 prod。之后，您只需对该属性设置条件并与您的 API 匹配。

【讨论】：