关于angularjs在IE里的坑——F12工具打开，功能正常，关闭之后，angularjs not working...

最新推荐文章于 2020-11-17 14:28:03 发布

转载最新推荐文章于 2020-11-17 14:28:03 发布 · 287 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/laogai/p/4613765.html

文章详细介绍了在使用AngularJS进行项目开发时遇到的IE11浏览器缓存问题，并提供了两种解决方案：在所有GET请求后添加时间戳或手动禁用请求的缓存。通过实施这些方法，作者成功解决了请求不发送的问题，使得项目能够正常运行。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

前端时间在做项目的时候，用到了angularjs，期间，发现了一个奇葩的问题，就是在IE11浏览器下,点击下方图1上箭头所示的位置，将此处的开关变为图2中箭头所示的样子，但是发觉没有反应，开关还是灰色的，只有打开F12开发者工具的时候，开关按钮就变为绿色打开状态了。

图1

图2

后来发现在F12没有打开时点击按钮时后台请求成功后，重新获取列表的请求根本没有发送，也就是说get请求不发送，究其原因是浏览器缓存造成的。当F12关闭时，浏览器会强制缓存，在F12打开时，进入开发者模式，浏览器不会强制缓存，所以必须在代码里手动不强制get请求的缓存。

主要有两种方法：

1、在所有的get请求后加时间戳：new Date().getTime();但是这个方法太过繁琐；

2、第二种方法就是不设置get请求的缓存，主要是加入以下代码：

 1 consoleApp.config(function ($stateProvider, $urlRouterProvider,$httpProvider) {
 2 //initialize get if not there
 3     if (!$httpProvider.defaults.headers.get) {
 4         $httpProvider.defaults.headers.get = {};
 5     }
 6 
 7     // Answer edited to include suggestions from comments
 8     // because previous version of code introduced browser-related errors
 9 
10     //disable IE ajax request caching
11     $httpProvider.defaults.headers.get['If-Modified-Since'] = 'Mon, 26 Jul 1997 05:00:00 GMT';
12     // extra
13     $httpProvider.defaults.headers.get['Cache-Control'] = 'no-cache';
14     $httpProvider.defaults.headers.get['Pragma'] = 'no-cache';
15 });