从 IE 发送的所有 ajax 调用都由 Angular 缓存，我得到了304 response所有后续调用。尽管请求是相同的，但在我的情况下，响应不会相同。我想禁用这个缓存。我尝试将cache attribute加到 $http.get 但它仍然没有帮助。如何解决这个问题？
$http 的 Angular IE 缓存问题
IT技术
javascript
caching
angularjs
2021-01-27 04:45:02
6个回答
我没有为每个 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 行。
我只是在 angular 项目的 index.html 中添加了三个元标记，并且在 IE 上解决了缓存问题。
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="Cache-Control" content="no-cache">
<meta http-equiv="Expires" content="Sat, 01 Dec 2001 00:00:00 GMT">
对于Angular 2 及更新版本，no-cache通过覆盖添加标头的最简单方法RequestOptions：
import { Injectable } from '@angular/core';
import { BaseRequestOptions, Headers } from '@angular/http';
@Injectable()
export class CustomRequestOptions extends BaseRequestOptions {
headers = new Headers({
'Cache-Control': 'no-cache',
'Pragma': 'no-cache',
'Expires': 'Sat, 01 Jan 2000 00:00:00 GMT'
});
}
并在您的module中引用它：
@NgModule({
...
providers: [
...
{ provide: RequestOptions, useClass: CustomRequestOptions }
]
})
其它你可能感兴趣的问题