angular - 将所有 API 地址放在 Angular 的服务页面中的最佳实践是什么

Question

我是 Angular 的新手，我有一个 service.js 文件来调用我的服务：

 export class ServiceService {
 data:any;
 url ="http://localhost:59628/api/AcessInfo/";
 url_turlist="http://localhost:59628/api/Reports/turList";
 url_avgWind="http://localhost:59628/api/Reports/avgWind";
 url_productionSum="http://localhost:59628/api/Reports/sumProduction";

现在我有 5 个地址，如果它变成 30 个或更多，我应该如何管理它们？都在这个单一页面中？如果有人以正确的方式解释我，我将不胜感激

Answer 1

您可以将它们存储在Enum单独的文件中。URLs.ts例如文件

enum URLs {
    AcessInfo = "http://localhost:59628/api/AcessInfo/",
    turList= "http://localhost:59628/api/Reports/turList",
    avgWind= "http://localhost:59628/api/Reports/avgWind",
    sumProduction= "http://localhost:59628/api/Reports/sumProduction"
}

然后从您的服务中，像这样使用它们：

getAcessInfo(url: string, options?: Object) {
    return this.httpClient.get(environment.apiUrl + URLs.AcessInfo, options);
}