AngularJS перехватывает все $http-запросы - программирование
Подтвердить что ты не робот

AngularJS перехватывает все $http-запросы

Я не могу заставить $httpProvider.interceptors фактически перехватывать. Я создал образец JSFiddle, который регистрируется при запуске перехватчика и когда успешный ответ $http. Перехватчик запросов запускается после того, как ответ уже возвращен как успешный. Это кажется немного назад.

Я не могу использовать transformRequest, потому что мне нужно изменить параметры в config. Эта часть не показана в образце.

Я использую AngularJS 1.1.5

http://jsfiddle.net/skeemer/K7DCN/1/

Javascript

var myApp = angular.module('myApp', []);

myApp.factory('httpInterceptor', function ($q) {
    return {
        request: function (config) {
            logIt('- Modify request');
            return config || $q.when(config);
        }
    };
});

myApp.config(function ($httpProvider) {
    $httpProvider.interceptors.push('httpInterceptor');
});

function MyCtrl($scope, $http) {
    // Hit a server that allows cross domain XHR
    $http.get('http://server.cors-api.appspot.com/server?id=8057313&enable=true&status=200&credentials=false')
    .success(function (data) {
        //logIt(data[0].request.url);
        logIt('- GET Successful');
    });

    $scope.name = 'Superhero';
}


// Just the logging
var logs = document.getElementById('logs');

function logIt(msg) {
    var e = document.createElement('div');
    e.innerHTML = msg;
    logs.insertBefore(e, logs.firstChild);
}

HTML

<div ng-controller="MyCtrl">Hello, {{name}}!</div>
<br/>
<div id="logs"></div>
4b9b3361

Ответ 1

Перехватчик запросов не запускается после возвращения данных. Он работает раньше. Функция logIt вставляет новое сообщение вверху. Если вы измените свой код на использование службы $log, вы увидите, что перехватчик работает первым.

Ответ 2

Если вы хотите принять/отклонить запрос во время перехвата, вы должны использовать $httpProvider.responseInterceptors, см. пример ниже:

$httpProvider.responseInterceptors.push(function($q) {
    return function(promise){
        var deferred = $q.defer();
        promise.then(
            function(response){ deferred.reject("I suddenly decided I didn't like that response"); },
            function(error){ deferred.reject(error); }
        );
        return deferred.promise;
    };
});

РЕДАКТИРОВАТЬ Не читал ваш комментарий, действительно, responseInterceptors теперь устарел, как вы это делаете:

$httpProvider.interceptors.push(function($q) {
    return {
        request: function(config){ return config; },
        response: function(response) { return $q.reject(response); }
    };
});

Я узнал что-то полезное, спасибо