Angularjs interceptor causes error

Question

Im trying to create an interceptor for my sample angular.js app. Here's my config code:

  .config(function ($routeProvider, $httpProvider) {
  $routeProvider
    .when('/', {
        templateUrl: 'views/main.html',
        controller: 'MainCtrl'
    })
    .otherwise({
        redirectTo: '/'
    });
  $httpProvider.interceptors.push('failedRequestInterceptor');

});

and my interceptor

angular.module('sandboxApp').factory('failedRequestInterceptor', function ($q) {
return {
    'response': function (config) {
        console.log("test");
    }
}

});

it displays "test" string in my console, but immidiatly after that i got error "response is undefined" and application fail's to load.

Perhaps this has something to do with using yeoman and tools included with it, here is exact error text from console :

Error: response is undefined handleRequestFn/<@http://localhost:9000/bower_components/angular/angular.js:16002:11 processQueue@http://localhost:9000/bower_components/angular/angular.js:13137:27 scheduleProcessQueue/<@http://localhost:9000/bower_components/angular/angular.js:13153:27 $RootScopeProvider/this.$get</Scope.prototype.$eval@http://localhost:9000/bower_components/angular/angular.js:14353:16 $RootScopeProvider/this.$get</Scope.prototype.$digest@http://localhost:9000/bower_components/angular/angular.js:14169:15 $RootScopeProvider/this.$get</Scope.prototype.$apply@http://localhost:9000/bower_components/angular/angular.js:14457:13 done@http://localhost:9000/bower_components/angular/angular.js:9614:36 completeRequest@http://localhost:9000/bower_components/angular/angular.js:9804:7 requestLoaded@http://localhost:9000/bower_components/angular/angular.js:9745:1

return logFn.apply(console, args);

please remove the single quote from 'response'

Ben Diamant
– Ben Diamant

2014-12-14 15:04:58 +00:00
Commented Dec 14, 2014 at 15:04 — Ben Diamant
– Ben Diamant, Commented Dec 14, 2014 at 15:04
I have already tried that

user3561092
– user3561092

2014-12-14 15:08:47 +00:00
Commented Dec 14, 2014 at 15:08 — user3561092
– user3561092, Commented Dec 14, 2014 at 15:08

Ben Diamant · Accepted Answer · 2014-12-14 15:16:10Z

2

Please follow this method of code:

Interceptor function:

var interceptor = function ($q, $location) {
    return {
        response: function (result) {
            console.log(result);
            return result;
        }
    }
};

Interceptor injection:

angular.module('app', [])
.config(function ($httpProvider) {
    $httpProvider.interceptors.push(interceptor);
});

answered Dec 14, 2014 at 15:16

Ben Diamant

6,2164 gold badges39 silver badges51 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

user3561092 Over a year ago

Thanks it worked, but is there a way i can move interceptor to independent file ?

Ben Diamant Over a year ago

you can put it in myfile.js but make sure the script tag for it is above your app.js one

Collectives™ on Stack Overflow

Angularjs interceptor causes error

1 Answer 1

Interceptor function:

Interceptor injection:

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Interceptor function:

Interceptor injection:

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related