Angular - 如何在不将端点硬编码到 httpGet 方法中的情况下使用 WebAPI 端点?

Angular - How to use WebAPI endpoints without hard-coding the endpoint into the httpGet method?

我不想执行以下操作:

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

有没有办法解决这个问题以减少硬编码端点?

将您的 api 端点主机放入 environment 文件,然后使用

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

您可以在 environments/environment.prod.ts 和 [=23] 中保留您的生产和开发 api 端点 url(基本 url) =]environments/environment.ts 个文件。

//开发

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

// 产品

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

您可以像这样将api端点导入到服务或组件中

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

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

希望对您有所帮助