Question

例如 http://192.162.27.989/CRB/api/building/

这是一个我想导出到不同组件的API，因为它被多次使用。因此，每当IP更改时，我只需将更改更改为1个文件就可以进行几次。通过定义一些内容，如何在不同的文件中一次又一次地重复使用该IP。

Answer 1

1）创建一个ts文件config.ts

config.ts

export const BASEURL = '#';

export const DATAURLS = Object.freeze({
  IP:  BASEURL  + 'http://192.162.27.989/CRB/api/building/',
  IP2: BASEURL  + 'http://192.163.27.989/CRB/api/building/'
});

.ts

// In your .ts file get it  by ->  `DATAURL.IP`

Answer 2

创建文件api-endpoints.ts或您想要的文件或适合您的文件

export const API_BASE_URL = 'http://192.162.27.989/'; 

export const API_BUILDING1_ENDPOINT = API_BASE_URL + 'CRB/api/building1';

export const API_BUILDING2_ENDPOINT = API_BASE_URL + 'CRB/api/building2';

，然后在要使用此端点的位置将其导入。

import { API_BUILDING1_ENDPOINT API_BUILDING2_ENDPOINT } from 'somepath/api-endpoints';

Answer 3

在environment.ts中，您可以这样放置IP

export const environment = {
  production: false,
  baseURL: http://192.162.27.989
};

然后通过访问文件environment导入此变量并获得BaseURL。

在组件中-

import { environment } from '../../environments/environment';

// In class
private baseURL = environment.baseURL;

// Use like this
private yourApiEndpoint = baseURL + "/CRB/api/building/";

Answer 4

Sachin有正确的主意！您可以这样创建全局常量文件（例如global-constants.ts）：

export const AppGlobal = Object.freeze（{
IP地址：“ 192.10.10.10”，支持电话号码：“ 1-888-111-2222”， CompanyFacebookUrl：“ https://www.facebook.com/xxx”， CompanyTwitterUrl：“ https://twitter.com/xxx”， ....您还想要什么 }）;

然后在任何组件中：

从“ ../../shared/global-constants”导入{AppGlobal}； //放在正确的路径上

并使用点符号引用全局变量：

AppGlobal.IPAddress

我想将一个IP地址导出到Angle 7中的多个组件中

4 个答案:

config.ts

.ts