时间戳

首页 > 解决方案 > 如何在角度中使用系统环境变量

angular - 如何在角度中使用系统环境变量

问题描述

我一直在使用 Spring Boot，它具有在属性文件中使用系统环境变量的一个很好的特性，现在我想使用系统环境变量来设置后端服务器 url 的角度。我不确定这是如何以角度工作的。

例如。BACKEND_URL=http://somerandomurl

我不想在配置文件中硬编码服务器 url。我想做类似 apiurl=$(BACKEND_URL)

这是因为我将在部署时使用 kubernetes。

标签： angularenvironment-variables

解决方案

您可以使用 Angular environment.ts 文件来配置您的后端 URL。事实上，您可以根据需要分配多个后端 url。例如（产品、开发、质量保证）

 // environment.ts
    export const environment = {
      production: false,
      baseUrl: 'http://localhost:3333'
    };
    
 // environment.prod.ts
    export const environment = {
      production: true,  
      baseUrl: 'https://jsonplaceholder.typicode.com'
    };

 // environment.qa.ts
    export const environment = {
      production: true,  
      baseUrl: 'https://jsonplaceholder.typicode.com'
    };

然后，您可以使用您喜欢的相关环境构建 Angular 项目。Angular 将在构建时根据传递的参数分配基本 url。

ng build --configuration=prod
ng build --configuration=qa

从这里我附上官方角度文档的参考链接，了解如何在此处进行操作。

也请在此处找到实际演示。请参阅此处的 stackblitz 示例和此处的相关文章。

推荐阅读