Angular.jsインターセプタでHTTP 401をキャプチャ

Question

Angular.jsを使用した単一ページのWebアプリケーションで認証を実装したいと考えています。 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）、それらのどれも働いていませんでした。アプリのconfigブロックで

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'); 
}])