Angular - Как использовать конечные точки WebAPI без жесткого кодирования конечной точки в метод httpGet?

Question

Я не хочу делать следующее:

_http.Get('https://someUrl/api/controller').subscribe().....

Есть ли способ обойти это, чтобы уменьшить жестко закодированные конечные точки?

Answer 1

Вы можете сохранить URL-адреса конечных точек api производства и разработки (базовые URL-адреса) в файлах environment / environment.prod.ts и environment / environment.ts .

// dev

export const environment = {
   production: false,
   apiUrl: 'dev base url'
};

// prod

export const environment = {
  production: true,
  apiUrl: 'prod base url'
};

Вы можете импортировать apiEndpoint в службы или компоненты, подобные этому

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

constructor() {
    this.apiEndPoint = environment.apiUrl;
}

Надеюсь, это поможет

Answer 2

поместите хост конечной точки API в файл environment и затем используйте

http.get(`${environment.host}/variable/part/of/api/url`)