IE11浏览器缓存bug

最新推荐文章于 2021-06-05 12:26:51 发布

咕咕鸡5

最新推荐文章于 2021-06-05 12:26:51 发布

阅读量6.1k

点赞数

文章标签： bug 操作系统浏览器缓存 ie 11

本文链接：https://blog.csdn.net/baidu_35407267/article/details/53493469

版权

项目在集中测试阶段，客户从各地过来，测出来很多“奇形怪状”的bug。有些客户带着新买的笔记本Win10操作系统，没自己装浏览器，整着IE11就上了。结果好好的功能没有实现，其他浏览器显示木问题。
一点一点跟断点，发现数据是存进去的，但是显示的时候请求根本没有进后台，所以怀疑走的缓存。打开控制台，发现果不其然。

怎么每次强制请求后台呢，最傻傻的方法就是加个时间戳。

.factory('UserDeviceService', function ($resource) {
return $resource('/users/:dest', {}, {
            query: {method: 'GET', params: {dest: "getDevicesByUserID"}, isArray: true }
        });
 app.$scope.getUserDevices = function () {
        UserDeviceService.query({cacheKill: new Date().getTime()},function (data) {
            //logic
        });
    }

首先作为一个程序员，感觉很不优雅，其次，项目都做完了，改动太大，手动去改，傻傻的，万能的Stack Overflow有人回答“I have solved this problem by adding No-Cache headers to the response on server side.”（在服务器端加个No-Cache的header），这点还没测，自己能搞定的事，尽量别麻烦别人，而且不清楚后台是不是也要几个接口一个接口的改。我实现的方法是用每次强制请求后台，不去cache拿数据。

App.config([ '$httpProvider', function($httpProvider) {
    //initialize get if not there
    if (!$httpProvider.defaults.headers.get) {
    $httpProvider.defaults.headers.get = {};
    }
    //disable IE ajax request caching
    $httpProvider.defaults.headers.get['If-Modified-Since'] = '0';
    $httpProvider.defaults.cache=false;
} ]);