Trình xử lý lỗi Ajax toàn cầu với AngularJS

Khi trang web của tôi là 100% jQuery, tôi đã từng làm điều này:

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

để đặt trình xử lý toàn cục cho lỗi 401. Bây giờ, tôi sử dụng anglejs với $resourcevà $httpđể thực hiện các yêu cầu (REST) ​​của mình tới máy chủ. Có cách nào để đặt tương tự một trình xử lý lỗi toàn cục với góc không?

Tôi cũng đang xây dựng một trang web với góc cạnh và tôi đã gặp phải trở ngại tương tự đối với việc xử lý 401 toàn cầu. Tôi đã kết thúc bằng cách sử dụng trình chặn http khi tôi xem bài đăng trên blog này. Có lẽ bạn sẽ thấy nó hữu ích như tôi đã làm.

"Xác thực trong ứng dụng dựa trên AngularJS (hoặc tương tự)." , phần mềm espeo

CHỈNH SỬA: giải pháp cuối cùng

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);

Xin lưu ý rằng responseInterceptors đã không được chấp nhận với Angular 1.1.4. Dưới đây, bạn có thể tìm thấy một đoạn trích dựa trên các tài liệu chính thức , cho thấy cách mới để triển khai các bộ đánh chặn.

$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');

Đây là cách nó trông như thế nào trong dự án của tôi bằng cách sử dụng Coffeescript:

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')

Tạo tệp <script type="text/javascript" src="../js/config/httpInterceptor.js" ></script>với nội dung này:

(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);
}());