8

我正在对成功的 REST API 进行 http.patch 调用（状态 200），但并非所有响应标头键/值都被返回。我对 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 客户端（邮递员）进行相同的调用时，响应标头包含：

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

缺少响应标头键/值是错误吗？可以通过配置解决问题吗？

4

1 回答 1

8

这不是 Angular 问题，而是 CORS 问题。根据定义，CORS 将仅返回六个“简单”标头：Cache-Control、Content-Language、Content-Type、Expires、Last-Modified 和 Pragma。

这就是为什么您在使用 REST 客户端（如 Postman）时看到完整集的原因，但从 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);

请注意，您可能需要扩充服务器端代码以支持所需的公开标头。

在我的情况下（C#），我修改了EnableCors调用（在 WebApiConfig 中）以在公开的标头列表中包含“ETAG”（EnableCorsAttribute 函数的第四个参数）。

于 2016-05-18T17:57:53.943 回答