AngularJS ile global Ajax hata işleyicisi

Web sitem% 100 jQuery iken, bunu yapardım:

$.ajaxSetup({
    global: true,
    error: function(xhr, status, err) {
        if (xhr.status == 401) {
           window.location = "./index.html";
        }
    }
});

401 hataları için genel bir işleyici ayarlamak için. Şimdi, (REST) ​​isteklerimi sunucuya yapmak için $resourceve ile birlikte angularjs kullanıyorum $http. Benzer şekilde küresel bir hata işleyiciyi açısal ile ayarlamanın bir yolu var mı?

Ayrıca köşeli bir web sitesi oluşturuyorum ve küresel 401 yönetimi için aynı engelle karşılaştım. Bu blog gönderisine rastladığımda http interceptor kullanmaya başladım. Belki sen de benim kadar faydalı bulacaksın.

"AngularJS (veya benzeri) tabanlı uygulamada kimlik doğrulama." , espeo yazılımı

DÜZENLEME: nihai çözüm

angular.module('myApp', ['myApp.filters', 'myApp.services', 'myApp.directives'], function ($routeProvider, $locationProvider, $httpProvider) {

    var interceptor = ['$rootScope', '$q', function (scope, $q) {

        function success(response) {
            return response;
        }

        function error(response) {
            var status = response.status;

            if (status == 401) {
                window.location = "./index.html";
                return;
            }
            // otherwise
            return $q.reject(response);

        }

        return function (promise) {
            return promise.then(success, error);
        }

    }];
    $httpProvider.responseInterceptors.push(interceptor);

Lütfen responseInterceptors'ın Angular 1.1.4 ile kullanımdan kaldırıldığını unutmayın. Aşağıda , durdurucuları uygulamanın yeni yolunu gösteren, resmi belgelere dayanan bir alıntı bulabilirsiniz .

$provide.factory('myHttpInterceptor', function($q, dependency1, dependency2) {
  return {
    'response': function(response) {
      // do something on success
      return response || $q.when(response);
    },

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

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

Coffeescript kullanarak projemde şöyle görünüyor:

angular.module("globalErrors", ['appStateModule']).factory "myHttpInterceptor", ($q, $log, growl) ->
  response: (response) ->
    $log.debug "success with status #{response.status}"
    response || $q.when response

  responseError: (rejection) ->
    $log.debug "error with status #{rejection.status} and data: #{rejection.data['message']}"
    switch rejection.status
      when 403
        growl.addErrorMessage "You don't have the right to do this"
      when 0
        growl.addErrorMessage "No connection, internet is down?"
      else
        growl.addErrorMessage "#{rejection.data['message']}"

    # do something on error
    $q.reject rejection

.config ($provide, $httpProvider) ->
  $httpProvider.interceptors.push('myHttpInterceptor')

<script type="text/javascript" src="../js/config/httpInterceptor.js" ></script>Bu içeriğe sahip dosyayı oluşturun :

(function(){
  var httpInterceptor = function ($provide, $httpProvider) {
    $provide.factory('httpInterceptor', function ($q) {
      return {
        response: function (response) {
          return response || $q.when(response);
        },
        responseError: function (rejection) {
          if(rejection.status === 401) {
            // you are not autorized
          }
          return $q.reject(rejection);
        }
      };
    });
    $httpProvider.interceptors.push('httpInterceptor');
  };
  angular.module("myModule").config(httpInterceptor);
}());