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;
}
希望对您有所帮助
我不想执行以下操作:
_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;
}
希望对您有所帮助