我需要两个AngularJS $ http服务实例还是什么？

Question

我想将响应拦截器添加到$ http服务中以进行错误处理。拦截器逻辑包括在必要时使用$ http向服务器发送错误消息， 但是
我不想向服务器发送有关错误消息的错误消息，我的意思是，我想在向服务器发送错误消息时禁用拦截器。

我的想法是创建一个名为“ remote_log”的服务，并将将错误发送到服务器所需的所有代码放入其中。该服务当然将使用$
http服务，并将其放在其依赖项列表中。

然后将拦截器的依赖项添加到“ remote_log”服务中，并在需要向服务器发送错误时在拦截器内部使用“ remote_log”。问题是：

当$ http服务仍然无法实例化/访问时，必须使用$ httpProvider定义拦截器，因此，在拦截器代码内部不能与$
http服务相关，因为会发生“循环依赖”错误。

我认为我唯一的选择是在“ remote_log”中创建$ http服务的单独实例，该实例不使用我在创建拦截器时设置的$
httpProvider配置。我的问题是：我该怎么做？还有其他想法吗？

Answer 1

那么，为什么会出现错误？这是该过程的快速概述：

1. $ http服务已请求。
2. $ httpProvider被要求构造它。
3. 在构造过程中，您注册了拦截器，该拦截器请求$ http服务尚不存在。
4. 您收到“循环依赖”错误。

第一个解决方案。

使用angular.injector（）创建依赖项。注意，您将创建另一个$ http服务，与您的应用程序无关。

$httpProvider.interceptors.push(function($q) {
    $injector = angular.injector();
    return {
        response: function(response) {
            $injector.invoke(function($http) {
                // This is the exterior $http service!
                // This interceptor will not affect it.
            });
        }
    };
});

第二个解决方案（更好）。

将$ injector注入拦截器中，并在$ http初始化后使用它来检索依赖项，就在您需要它们时。这些依赖项是您应用程序的注册服务，不会重新创建！

$httpProvider.interceptors.push(function($q, $injector) {
    return {
        response: function(response) {
            $injector.invoke(function($http, someService) {
                // $http is already constructed at the time and you may
                // use it, just as any other service registered in your
                // app module and modules on which app depends on.
            });
        }
    };
});

2.防止拦截问题。

如果使用第二种解决方案，则实际上存在两个问题：

1. 如果在拦截器内部使用$ http服务，则可能会遇到无限的拦截：发送请求，拦截器捕获请求，发送另一个请求，捕获另一个请求，再次发送，依此类推。
2. 有时您只想防止请求被拦截。

$ http服务的’config’参数只是一个对象。您可以创建一个约定，提供自定义参数并在拦截器中识别它们。

例如，让我们在配置中添加“ nointercept”属性，然后尝试重复每个用户请求。这是一个愚蠢的应用程序，但却是了解行为的有用示例：

$httpProvider.interceptors.push(function($q, $injector) {
    return {
        response: function(response) {
            if (response.config.nointercept) {
                return $q.when(response); // let it pass
            } else {
                var defer = $q.defer();
                $injector.invoke(function($http) {
                    // This modification prevents interception:
                    response.config.nointercept = true;
                    // Reuse modified config and send the same request again:
                    $http(response.config)
                        .then(function(resp) { defer.resolve(resp); },
                              function(resp) { defer.reject(resp); });
                });
                return defer.promise;
            }
        }
    };
});

在拦截器中进行属性测试后，您可以防止控制器和服务中的拦截：

app.controller('myController', function($http) {
    // The second parameter is actually 'config', see API docs.
    // This query will not be duplicated by the interceptor.
    $http.get('/foo/bar', {nointercept: true})
        .success(function(data) {
            // ...
        });

});