我正在对成功的 REST API(状态 200)进行 http.patch 调用,但并未返回所有响应 header 键/值。我对 ETag 键/值感兴趣。
这是一个代码片段:
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);
}
);
使用 REST 客户端( postman )进行相同调用时,响应 header 包含:
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
缺少响应 header 键/值是错误吗?
可以通过配置解决问题吗?
最佳答案
这不是 Angular 问题,而是 CORS 问题。根据定义,CORS 将只返回六个“简单” header :Cache-Control、Content-Language、Content-Type、Expires、Last-Modified 和 Pragma。
这就是为什么您在使用 Postman 等 REST 客户端时会看到完整集,而从 Angular 客户端调用时,您只会看到受 CORS 限制的集。
要解决此问题,您需要添加 Access-Control-Expose-Headers
标题如下:
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);
请注意,您可能需要扩充服务器端代码以支持所需的公开 header 。
就我而言(C#),我修改了
EnableCors
调用(在 WebApiConfig 中)以在公开的 header 列表中包含“ETAG”(EnableCorsAttribute 函数的第四个参数)。
关于angular2-http - Angular2 Http 响应缺少 header 键/值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35124266/