javascript - ngResource 的全局错误处理

Question

我正在寻找一种方法来在一个地方为我的所有基于 ngResource 的服务处理网络相关错误。

从这个答案我知道我可以为单个资源中的所有操作定义一个自定义拦截器。是否可以修改由 angularjs 创建的默认操作并在那里传递自定义拦截器？

Answer 1

这是我的解决方案：

angular.module('server-error', [])
.factory('ErrorResponseInterceptor', function($rootScope, $q) {
    return {
        responseError: function(rejection) {
            var message = null;
            switch (rejection.status) {
                case 0:
                    message = "Unknown network error when loading " + rejection.config.url;
                    break;
                default:
                    message = rejection.status + " " + rejection.statusText + " when loading " + rejection.config.url; 
            }
            $rootScope.$broadcast('event:error-serverError', message);
            return $q.reject(rejection);
        }
    };
})
//for $http
.config(function($httpProvider) {
    $httpProvider.interceptors.push('ErrorResponseInterceptor')
})
//and for ngResource actions
.config(function($resourceProvider) {
    var default_actions = $resourceProvider.defaults.actions;
    angular.forEach(default_actions, function(action) {
        action['interceptor'] = {
                responseError: 'ErrorResponseInterceptor'
        }
    })
})

Answer 2

您可以在 $http 提供程序上设置拦截器，如此处所述（在“拦截器”部分）。