防止IE11在Angular 2中缓存GET调用

Question

我有一个restendpoint，它在GET调用时返回一个列表。我还有一个POSTendpoint来添加新项目，还有一个DELETEendpoint来删除它们。这在Firefox和Chrome中有效，在IE11中发布和删除也有效。然而，GET-in-IE11只在页面的初始加载时起作用。刷新将返回缓存的数据。我在Angular 1中看到过关于这种行为的帖子，但在Angular 2（发布候选1）中没有看到。

Answer 1

转发$超文本传输协议的stackoverflow响应Angular IE缓存问题，您应该向每个GET请求添加标题Pragma、no-ache、If-Modified-自。

拦截器的场景不再支持角2。因此，您应该扩展超文本传输协议，就像这里描述的那样。

Angular 4.3现在包括支持拦截器的HttpClient服务。

Answer 2

今天，我也有这个问题，（该死的IE）。在我的项目中，我使用的是httpclient，它没有BaseRequestOptions。我们应该使用Http_拦截器来解决它！

import { HttpHandler,
    HttpProgressEvent,
    HttpInterceptor,
    HttpSentEvent,
    HttpHeaderResponse,
    HttpUserEvent,
    HttpRequest,
    HttpResponse } from '@angular/common/http';
import { Observable } from 'rxjs/Observable';

export class CustomHttpInterceptorService implements HttpInterceptor {
    intercept(req: HttpRequest<any>, next: HttpHandler):
      Observable<HttpSentEvent | HttpHeaderResponse | HttpProgressEvent | HttpResponse<any> | HttpUserEvent<any>> {
      const nextReq = req.clone({
        headers: req.headers.set('Cache-Control', 'no-cache')
          .set('Pragma', 'no-cache')
          .set('Expires', 'Sat, 01 Jan 2000 00:00:00 GMT')
          .set('If-Modified-Since', '0')
      });

      return next.handle(nextReq);
  }
}

模块提供

@NgModule({
    ...
    providers: [
        ...
        { provide: HTTP_INTERCEPTORS, useClass: CustomHttpInterceptorService, multi: true }
    ]
})

Answer 3

对于Angular 2及更高版本，通过覆盖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'
    });
}

模块：

@NgModule({
    ...
    providers: [
        ...
        { provide: RequestOptions, useClass: CustomRequestOptions }
    ]
})