Capture HTTP 401 с перехватчиком Angular.js

Question

Я хотел бы реализовать проверку подлинности на одном веб-приложении с помощью Angular.js. official Angular documentation рекомендует использование перехватчиков:

$provide.factory('myHttpInterceptor', function($q, dependency1, dependency2) { 
    return { 

    // ... 

    'responseError': function(rejection) { 
     // do something on error 
     if (canRecover(rejection)) { 
     return responseOrNewPromise 
     } 
     return $q.reject(rejection); 
    } 
    }; 
}); 

Проблема заключается в том, когда сервер посылает 401 сообщение об ошибке, браузер сразу останавливается с «Несанкционированное» сообщение, или всплывающее окно входа в систему (если заголовок аутентификации HTTP отправляется по сервер), но Angular не может захватить с помощью своего перехватчика ошибку HTTP для обработки, как рекомендовано. Я что-то не понимаю? Я попробовал больше примеров на веб-страницах (this, this и this), но никто из них не работал.

Answer 1

в конфигурационном блоке приложения:

var interceptor = ['$rootScope', '$q', "Base64", function(scope, $q, Base64) { 
    function success(response) { 
    return response; 
    } 

    function error(response) { 
    var status = response.status; 
    if (status == 401) { 
     //AuthFactory.clearUser(); 
     window.location = "/account/login?redirectUrl=" + Base64.encode(document.URL); 
     return; 
    } 
    // otherwise 
    return $q.reject(response); 
    } 
    return function(promise) { 
    return promise.then(success, error); 
    } 
}]; 

Answer 2

Я не знаю, почему, но ответ с 401 ошибкой переходит в функцию успеха.

'responseError': function(rejection) 
       { 
        // do something on error 

        if (rejection.status == 401) 
        { 
         $rootScope.signOut(); 
        } 

        return $q.reject(rejection); 
       }, 
       'response': function (response) { 
        // do something on error 
        if (response.status == 401) { 
         $rootScope.signOut(); 
        }; 
        return response || $q.when(response); 
       } 

Answer 3

Перехватчики AngularJS работают только на звонки, сделанные с помощью сервиса $ http; если вы перейдете на страницу, которая возвращает 401, AngularJS никогда не запускается.

Answer 4

Для AngularJS> 1.3 использования $httpProvider.interceptors.push('myHttpInterceptor');

.service('authInterceptor', function($q) { 
    var service = this; 

    service.responseError = function(response) { 
     if (response.status == 401){ 
      window.location = "/login"; 
     } 
     return $q.reject(response); 
    }; 
}) 
.config(['$httpProvider', function($httpProvider) { 
    $httpProvider.interceptors.push('authInterceptor'); 
}])