Angular2 Http Response mancante chiave/valori dell'intestazione

Question

Sto effettuando una chiamata http.patch a un'API REST che ha esito positivo (stato 200) ma non tutte le intestazioni/chiavi di risposta vengono restituite. Sono interessato alla chiave/valore ETag.

Ecco un frammento di codice:

let etag:number = 0; 
let headers = new Headers(); 
headers.append('Content-Type', 'application/json'); 
headers.append('If-Match', String(etag)); 
this.http.patch(
    'http://example.com:9002/api/myresource/', 
    JSON.stringify(dto), 
    {headers: headers} 
) 
.subscribe(
    (response:Response) => { 
     let headers:Headers = response.headers; 
     let etag:String = headers.get('ETag'); 
     console.log(etag); 
    } 
); 

Quando si effettua la stessa chiamata con un client REST (postino), l'intestazione di risposta contiene:

Content-Type: application/hal+json;charset=UTF-8 
Date: Mon, 01 Feb 2016 05:21:09 GMT 
ETag: "1" 
Last-Modified: Mon, 01 Feb 2016 05:15:32 GMT 
Server: Apache-Coyote/1.1 
Transfer-Encoding: chunked 
X-Application-Context: application:dev:9002 

è la chiave intestazione di risposta/valori mancanti un insetto? Il problema può essere risolto con la configurazione?

Answer 1

Questo non è un problema angolare, piuttosto uno CORS. Per definizione, CORS restituirà solo sei intestazioni "semplici": Cache-Control, Content-Language, Content-Type, Expires, Last-Modified e Pragma.

Ecco perché si vede il set completo quando si utilizza un client REST come Postman, eppure quando si chiama dal proprio client Angolare, si vedrà solo il set limitato da CORS.

Per risolvere questo problema, è necessario aggiungere un'intestazione Access-Control-Expose-Headers secondo le seguenti linee:

let headers = new Headers(); 
headers.append('Access-Control-Expose-Headers', 'etag'); 

let options = new RequestOptions({ headers: headers }); 

return this.http.get(uri, options).map(this.extractData).catch(this.catchError); 

Nota che potrebbe essere necessario per aumentare il codice lato server per supportare le intestazioni esposti richiesti.

Nel mio caso (C#), ho modificato la chiamata EnableCors (all'interno di WebApiConfig) per includere "ETAG" nell'elenco di intestazioni esposte (il quarto parametro della funzione EnableCorsAttribute).