Angular JS Interceptor to handle HTTP Error status

Question

I use AngularJS for my application and ui-route. A service in my application looks like this:

(function() {
'use strict';

angular
    .module('myProject.myModule')
    .factory('myService', myService);

myService.$inject = ['$http', 'api_config'];

function myService($http, api_config) {
    var service = {
            myServiceMethod1: myServiceMethod1,
            ...
    };

    return service;

    ////////////

    function myServiceMethod1(params) {
        return $http.get(api_config.BASE_URL + '/path');
    }

Now I will implement an (global) intercetor in that way that any time a response status is HTTP 403 the interceptor should handle it. This interceptor should be globally. Thanks a lot!

Florian · Accepted Answer · 2015-11-26 15:48:09Z

3

Try something like

angular
    .module('myProject.myModule')
    .config(['$httpProvider', function ($httpProvider) {

 $httpProvider.interceptors.push(['$q', '$location', function ($q, $location) {
        return {
            'responseError': function(response) {
                if(response.status === 401 || response.status === 403) {
                    $location.path('/signin'); // Replace with whatever should happen
                }
                return $q.reject(response);
            }
        };
    }]);
}]);

answered Nov 26, 2015 at 15:48

Florian

7125 silver badges18 bronze badges

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

Collectives™ on Stack Overflow

Angular JS Interceptor to handle HTTP Error status

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related