How to add Cache-control header to $resource in AngularJS

Question

I am trying to bypass aggressive IE10 caching by setting Cache-control header to some of my GET requests.

However, it does not seem to have a desired effect. Below you can find the code I use. Names are sanitised a bit.

service.factory('service', ['$resource',
    function($resource) {
        return $resource(url + '/:year', {year : '@year'},
            {'GET': {
                headers : {
                    'cache-control': 'private, max-age=0, no-cache' }
            }});
    }
]);

Nitz · Accepted Answer · 2014-03-10 12:33:34Z

3

I have put the cache control inside my config.

$httpProvider.defaults.headers.common['Cache-Control'] = 'no-cache, no-store, must-revalidate';
$httpProvider.defaults.headers.common['Pragma'] = 'no-cache';
$httpProvider.defaults.headers.common['Expires'] = '0';

with this, I was able to cache for IE but I had put in module config before config router provider.

Updated

may be something like this, I am not totally sure about it. So you can try.

service.factory('service', ['$resource',
    function($resource) {
        return $resource(url + '/:year', {year : '@year'},
            {'GET': {
                headers : {
                    'cache-control': 'no-cache, no-store, must-revalidate',
                    'Pragma' : 'no-cache',
                    'Expires' : '0'
                }
            }});
    }
]);

edited Mar 10, 2014 at 12:33

answered Mar 10, 2014 at 12:11

Nitz

1,72611 gold badges37 silver badges56 bronze badges

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

1 Comment

Vasily Over a year ago

Thanks for response, but it would affect all GET requests, wouldn't it?

Vasily · Accepted Answer · 2014-03-27 14:21:18Z

2

THe suggested solutions did not help me, but give food for thought. Posting for posterity the config that eventually solved my problem.

var config = {
            headers : {
                "Pragma": "no-cache",
                "Expires": -1,
                "Cache-Control": "no-cache"
            }
        };

answered Mar 27, 2014 at 14:21

Vasily

4611 gold badge6 silver badges16 bronze badges

Comments

devanshi28 · Accepted Answer · 2017-09-18 20:05:09Z

0

service.factory('service', ['$resource',
    function($resource) {
        return $resource(url + '/:year', {year : '@year'},
            {'GET': {
                headers : {
                    "Pragma": "no-cache",
                    "Expires": -1,
                    "Cache-Control": "no-cache"
                }
            }});
    }
]);

answered Sep 18, 2017 at 20:05

devanshi28

334 bronze badges

Comments

chinmayan · Accepted Answer · 2018-05-07 11:12:35Z

0

$http.get("your api url", {
    headers: {
        'If-Modified-Since': '0',
        "Pragma": "no-cache",
        "Expires": -1,
        "Cache-Control": "no-cache, no-store, must-revalidate"
    }
})

This one will disable cache for every browsers.

answered May 7, 2018 at 11:12

chinmayan

1,38214 silver badges13 bronze badges

Collectives™ on Stack Overflow

How to add Cache-control header to $resource in AngularJS

4 Answers 4

1 Comment

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

1 Comment

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related