Why does the request function of my AngularJS HTTP interceptor get called so many times?

Question

I have an AngularJS HTTP interceptor:

$httpProvider.interceptors.push([
    "$rootScope", "$q", "$location",
    function ($rootScope, $q, $location) {

        return {
            'request': function (config) {
                var loc = $location.path();
                console.log("path: " + loc);
                ....
                ....
                return config;
            },
            ...
            };
        }
    ]);

I make a call that returns an array of 25 items. The items are populated into the html using ng-repeat. This display results in 75 calls to the request function.

Can anybody explain why it makes so many calls for one HTTP request?

Thanks for any help.

Martijn Welker · Accepted Answer · 2016-04-15 14:10:59Z

2

The http interceptor gets called for every request angular does, not just data requests. So also template requests, this might explain why it's so high.

Update: to filter out the templates I always use the following function.

function isLocalUrl(url) {
    return !(url.indexOf('http://') === 0 || url.indexOf('https://') === 0);
}

and call it like this:

return {
    'request': function (config) {
        if(isLocalUrl(config.url))
            return config;
    }
}

edited Apr 15, 2016 at 14:10

answered Apr 15, 2016 at 14:06

Martijn Welker

5,6151 gold badge19 silver badges26 bronze badges

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

1 Comment

Sako73 Over a year ago

That would explain it; is there any established pattern for working around this, and limiting the checks to just the data request?

Collectives™ on Stack Overflow

Why does the request function of my AngularJS HTTP interceptor get called so many times?

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related