TypeError：无法使用Interceptor读取Angular中未定义的属性“data”

Question

我有一个拦截器来调用我的RESTful服务时捕获http错误：

services.config(function($httpProvider) {
    $httpProvider.responseInterceptors.push('globalInterceptor');

    var elementsList = $();

    // this message will appear for a defined amount of time and then vanish again
    var showMessage = function(content, cl, time) {
        $('<div/>')
            .addClass(cl)
            .hide()
            .fadeIn('fast')
            .delay(time)
            .fadeOut('fast', function() { $(this).remove(); })
            .appendTo(elementsList)
            .text(content);
    };
});

services.factory('globalInterceptor', function($q){
    //When the interceptor runs, it is passed a promise object
    return function(promise){

        //In an interceptor, we return another promise created by the .then function.
        return promise.then(function(successResponse){
            //Do your code here if the response was successful
            if (typeof(successResponse) !== 'undefined') {
                if (successResponse.config.method.toUpperCase() != 'GET') {
                    showMessage('Success', 'http-success-message', 5000);
                    return successResponse;
                }
            }
        }, function(errorResponse){
            switch (errorResponse.status) {
                case 400: // if the status is 400 we return the error
                    showMessage(errorResponse.data.message, 'http-error-message', 6000);
                    // if we have found validation error messages we will loop through
                    // and display them
                    if(errorResponse.data.errors.length > 0) {
                        for(var i=0; i<errorResponse.data.errors.length; i++) {
                            showMessage(errorResponse.data.errors[i],
                                'http-error-validation-message', 6000);
                        }
                    }
                    break;
                case 401: // if the status is 401 we return access denied
                    showMessage('Wrong email address or password!',
                        'http-error-message', 6000);
                    break;
                case 403: // if the status is 403 we tell the user that authorization was denied
                    showMessage('You have insufficient privileges to do what you want to do!',
                        'http-error-message', 6000);
                    break;
                case 500: // if the status is 500 we return an internal server error message
                    showMessage('Internal server error: ' + errorResponse.data.message,
                        'http-error-message', 6000);
                    break;
                default: // for all other errors we display a default error message
                    showMessage('Error ' + errorResponse.status + ': ' + errorResponse.data.message,
                        'http-error-message', 6000);
            }

            return $q.reject(errorResponse);
        });
    }
});

我的登录页面在加载时停止。在制作接收器之后出现了问题，在此之前一切正常。

它给了我这个错误消息，实际上没有帮助：

TypeError: Cannot read property 'data' of undefined
    at http://localhost:8080/vendor/angular-1.2.2/angular.js:7479:22
    at deferred.promise.then.wrappedCallback (http://localhost:8080/vendor/angular-1.2.2/angular.js:10655:81)
    at deferred.promise.then.wrappedCallback (http://localhost:8080/vendor/angular-1.2.2/angular.js:10655:81)
    at http://localhost:8080/vendor/angular-1.2.2/angular.js:10741:26
    at Scope.$get.Scope.$eval (http://localhost:8080/vendor/angular-1.2.2/angular.js:11634:28)
    at Scope.$get.Scope.$digest (http://localhost:8080/vendor/angular-1.2.2/angular.js:11479:31)
    at Scope.$get.Scope.$apply (http://localhost:8080/vendor/angular-1.2.2/angular.js:11740:24)
    at done (http://localhost:8080/vendor/angular-1.2.2/angular.js:7744:45)
    at completeRequest (http://localhost:8080/vendor/angular-1.2.2/angular.js:7918:7)
    at XMLHttpRequest.xhr.onreadystatechange (http://localhost:8080/vendor/angular-1.2.2/angular.js:7874:11) angular.js:9159

我试图调试/ console.log这个“数据”属性但无法找到它...当应用程序加载时，它获得两个文件OK（200和数据attr）和其中两个错误。

任何帮助将非常感谢:-)

Answer 1

我没有看到你的函数有任何问题（errorResponse）。它似乎正确地传递了链中的错误。

但我的功能有问题（successResponse）。只有当两个IF语句在其他情况下通过未定义时，它才会将值传递给链。

我的猜测是你需要在函数末尾添加$ q.reject（）（成功响应）。