Javascript 前端的webapi资源使用

这个问题我已经碰到好几次了。我改变一个资源的结果或参数，搜索它的使用位置，并改变它。但有时我会错过应用程序中一些模糊的部分

查找API资源（端点）在例如angular应用程序中使用的所有位置的好方法是什么

---

它并不总是像搜索“api/foo/bar/baz”那么简单。URI可以连接多个变量。

我的方法是使用自定义角度服务，并将所有端点信息与其他特定于应用程序的设置一起存储在那里：

angular.module("appModule").value("appSettings", {
    title: "My application",
    version: "0.0.0.1",
    webApiHost: "http://localhost:33000/",
    customersEndpoint: "api/customers",
});

这样，您可以通过在代码中查找

appSettings.customersEndpoint

字符串来查找所有引用。以下是客户端示例：

(function (angular) {
    var customersFactory = function ($http, appSettings) {
        var factory = {};

        factory.getAll = function () {
            return $http.get(appSettings.webApiHost + appSettings.customersEndpoint);
        }        

        return factory;
    };

    customersFactory.$inject = ["$http", "appSettings"];
    angular.module("appModule").factory("customersFactory", customersFactory);
}(angular));

---

但是，没有什么可以阻止您（或其他人）忽略该技术，并通过使用字符串连接来混淆端点。所以，这类事情没有灵丹妙药——只是小心点

所以，实际上，它可以归结为架构：）-并不是说这是一件坏事