$ http的Angular IE缓存问题

所有从IE发送的ajax调用都被Angular缓存,我得到了对所有后续调用的304 response 。 虽然请求是相同的,但对我而言,回应不会是一样的。 我想禁用这个缓存。 我尝试将cache attribute添加到$ http.get,但仍然没有帮助。 这个问题怎么解决?


我没有为每个GET请求禁用缓存,而是在$ httpProvider中全局禁用它:

myModule.config(['$httpProvider', function($httpProvider) {
    //initialize get if not there
    if (!$httpProvider.defaults.headers.get) {
        $httpProvider.defaults.headers.get = {};    
    }    

    // Answer edited to include suggestions from comments
    // because previous version of code introduced browser-related errors

    //disable IE ajax request caching
    $httpProvider.defaults.headers.get['If-Modified-Since'] = 'Mon, 26 Jul 1997 05:00:00 GMT';
    // extra
    $httpProvider.defaults.headers.get['Cache-Control'] = 'no-cache';
    $httpProvider.defaults.headers.get['Pragma'] = 'no-cache';
}]);

您可以追加一个唯一的查询字符串(我相信这是jQuery对cache:false选项所做的)。

$http({
    url: '...',
    params: { 'foobar': new Date().getTime() }
})

一个可能更好的解决方案是,如果你有权访问服务器,那么你可以确保设置必要的头部以防止缓存。 如果你使用的是ASP.NET MVC这个答案可能会有所帮助。


你可以添加一个拦截器。

myModule.config(['$httpProvider', function($httpProvider) {
 $httpProvider.interceptors.push('noCacheInterceptor');
}]).factory('noCacheInterceptor', function () {
            return {
                request: function (config) {
                    console.log(config.method);
                    console.log(config.url);
                    if(config.method=='GET'){
                        var separator = config.url.indexOf('?') === -1 ? '?' : '&';
                        config.url = config.url+separator+'noCache=' + new Date().getTime();
                    }
                    console.log(config.method);
                    console.log(config.url);
                    return config;
               }
           };
    });

验证后,您应该删除console.log行。

链接地址: http://www.djcxy.com/p/40705.html

上一篇: Angular IE Caching issue for $http

下一篇: How to deep watch an array in angularjs?