所有从IE发送的ajax调用都被Angular缓存了，我对所有后续调用都得到了一个304响应。虽然请求是一样的，但在我的情况下，响应是不一样的。我想禁用这个缓存。我尝试将缓存属性添加到$http。得到了，但还是没有用。如何解决这个问题?
当前回答
一种选择是使用简单的方法，为每个请求添加时间戳，不需要清除缓存。
let c=new Date().getTime();
$http.get('url?d='+c)
其他回答
你也可以尝试在你的服务中设置标题，例如:
...
import { Injectable } from "@angular/core";
import { HttpClient, HttpHeaders, HttpParams } from "@angular/common/http";
...
@Injectable()
export class MyService {
private headers: HttpHeaders;
constructor(private http: HttpClient..)
{
this.headers = new HttpHeaders()
.append("Content-Type", "application/json")
.append("Accept", "application/json")
.append("LanguageCulture", this.headersLanguage)
.append("Cache-Control", "no-cache")
.append("Pragma", "no-cache")
}
}
....
正确的服务器端解决方案:在AngularJS中防止IE缓存的更好方法?
[OutputCache(NoStore = true, Duration = 0, VaryByParam = "None")]
public ActionResult Get()
{
// return your response
}
我简单地在angular project的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">
我所做的保证是这样的:
myModule.config(['$httpProvider', function($httpProvider) {
if (!$httpProvider.defaults.headers.common) {
$httpProvider.defaults.headers.common = {};
}
$httpProvider.defaults.headers.common["Cache-Control"] = "no-cache";
$httpProvider.defaults.headers.common.Pragma = "no-cache";
$httpProvider.defaults.headers.common["If-Modified-Since"] = "Mon, 26 Jul 1997 05:00:00 GMT";
}]);
为了保证所有方法的正确使用，我不得不合并上述两个解决方案，但你可以用get或其他方法替换common，即put, post, delete，以使其适用于不同的情况。
我得到它解决附加datetime作为一个随机数:
$http.get("/your_url?rnd="+new Date().getTime()).success(function(data, status, headers, config) {
console.log('your get response is new!!!');
});
