时间戳

首页 > 解决方案 > Angular 动态环境 API 替换

angular - Angular 动态环境 API 替换

问题描述

我有一个带有登录页面的简单应用程序。在此页面上有登录名、密码和额外的下拉列表字段，用户可以在其中选择他想连接的 API。

在代码中，我有带有 apiEndpoint 属性的 environment.ts 文件，它是一个字符串。

例子：

export const environment: any = {
  settings: {
    apiEndpoint: 'http://example.com/API1'
  }
}

此 apiEndpoint 用于应用程序中的所有服务。

我想动态更改 envitonments.ts 中的这个值。因此，当用户从下拉列表“ API2 ”中选择登录页面时，environments.ts 看起来像：

export const environment: any = {
  settings: {
    apiEndpoint: 'http://example.com/API2'
  }
}

标签： angular

解决方案

你的环境应该是这样的：

export const environment = {
   production: false,
   API1: 'https://example.com/api1',
   API2: 'https://example.com/api2'
};

当您从选择框中选择一个选项时，调用这些 API 之一。

推荐阅读