在Angular 2中阻止IE11緩存GET調用

Question

我有一個休息終端，它在GET調用上返回一個列表。我也有一個POST端點來添加新項目和一個DELETE刪除它們。這適用於Firefox和Chrome，並且POST和DELETE在IE11中工作。但是，IE11中的GET僅適用於頁面的初始加載。刷新返回緩存的數據。我在Angular 1中看到過有關這種行爲的帖子，但對Angular 2（發佈候選者1）沒有任何評論。

Answer 1

作爲回答here，你可能只覆蓋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 } 
    ] 
}) 

Answer 2

轉發stackoverflow響應Angular IE Caching issue for $http，您應該爲每個'GET'請求添加頭文件'Pragma'，'no-cache'，'If-Modified-Since'。

攔截器的方案不再支持角2。所以你應該擴展http，因爲這裏描述的是What is httpinterceptor equivalent in angular2?。

Angular 4.3現在包含支持攔截器的HttpClient服務。

Answer 3

有點晚了，但我遇到了同樣的問題。對於Angular 4.X我寫了一個自定義的Http類來追加一個隨機數到最後以防止被IE緩存。它基於dimeros的第二個鏈接（What is httpinterceptor equivalent in angular2?）。 警告：不能保證100％無錯。

import { Injectable } from '@angular/core'; 
import { Observable } from 'rxjs/Observable'; 
import { Http, Response, XHRBackend, RequestOptions, RequestOptionsArgs, 
URLSearchParams } from '@angular/http'; 

@Injectable() 
export class NoCacheHttp extends Http { 
    constructor(backend: XHRBackend, options: RequestOptions) { 
     super(backend, options); 
    } 

    get(url: string, options?: RequestOptionsArgs): Observable<Response> { 
     //make options object if none. 
     if (!options) { 
      options = { params: new URLSearchParams() }; 
     } 
     //for each possible params type, append a random number to query to force no browser caching. 
     //if string 
     if (typeof options.params === 'string') { 
      let params = new URLSearchParams(options.params); 
      params.set("k", new Date().getTime().toString()); 
      options.params = params; 

     //if URLSearchParams 
     } else if (options.params instanceof URLSearchParams) { 
      let params = <URLSearchParams>options.params; 
      params.set("k", new Date().getTime().toString()); 

     //if plain object. 
     } else { 
      let params = options.params; 
      params["k"] = new Date().getTime().toString(); 
     } 
     return super.get(url, options); 
    } 
} 

Answer 4

今天，我也有這個問題，（該死IE） 。 在我的項目中，我使用httpclient，那還沒有BaseRequestOptions。 我們應該使用Http_Interceptor來解決它！

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 } 
    ] 
})