Question

我正在使用http Interceptor拦截我的应用程序中的每个http请求。但我得到发现循环依赖：$ http＆lt; - APIInterceptor＆lt; - $ http＆lt; - $ templateRequest＆lt; - $ compile

这是我的服务代码：

mPosServices.factory('mosServiceFactory', function ($http, $rootScope, $cookies, $q) {
    return{
         refresh_token: function () {
            var refreshToken = $http({
                method: "get",
                url: "myservice/oauth/token?grant_type=refresh_token&client_id=restapp&client_secret=restapp&refresh_token=" + $cookies.get('refresh_token'),
            })
            return refreshToken;
        }
});

mPosServices.service('APIInterceptor', ['mosServiceFactory','$cookies',function (mosServiceFactory,$cookies) {
        var service = this;
        service.request = function (config) {
            if (!$cookies.get('access_token')) { //if access_token cookie does not exist
               mosServiceFactory.refresh_token().then(function (response) {
                    var date = new Date();
                    date.setTime(date.getTime() + (response.data.expiresIn * 1000));
                    $cookies.remove('access_token');
                    $cookies.put('access_token', response.data.value, {expires: date});
                    $cookies.put('refresh_token', response.data.refreshToken.value);
                }); //call the refresh_token function first
            }
            return config;
        };

        service.responseError = function (response) {
            return response;
        };
    }]);

并将其推送为：

$httpProvider.interceptors.push('APIInterceptor');

在配置功能中。我在这里做错了吗？即便我尝试使用

手动注入$ http

$注射器

，但得到同样的错误。请帮助我。

Answer 1

你确实需要添加use $injector来获取拦截器内的mosServiceFactory实例。但这不是你需要做的全部。您还需要确保不会陷入无限请求循环，因为拦截器也会发出请求。您可以做的是检查当前请求是否是令牌刷新的请求，如果是，请不再触发一个请求，我正在检查URL。

还有一点需要提及。您需要从拦截器返回promise对象，该对象解析为原始请求config。这样就可以保证在检索到令牌后重新发出截获的请求。

所有这些都将如下所示：

mPosServices.service('APIInterceptor', ['$injector', '$cookies', function($injector, $cookies) {
    var service = this;
    service.request = function(config) {
        if (!$cookies.get('access_token') && config.url.indexOf('myservice/oauth/token?grant_type=') === -1) {
            return $injector.get('mosServiceFactory').refresh_token().then(function(response) {
                var date = new Date();
                date.setTime(date.getTime() + (response.data.expiresIn * 1000));
                $cookies.remove('access_token');
                $cookies.put('access_token', response.data.value, {
                    expires: date
                });
                $cookies.put('refresh_token', response.data.refreshToken.value);
            }).then(function() {
                return config; // <-- token is refreshed, reissue original request
            });
        }
        return config;
    };

    service.responseError = function(response) {
        return response;
    };
}]);

检查我正在测试解决方案的演示，看看它在加载令牌后如何恢复原始请求。

演示： http://plnkr.co/edit/1Aey2PThZQ4Y8IRZuVOl?p=preview

推送http拦截器时的循环依赖

1 个答案: