无法从Angular 4中的POST响应标头访问属性

Question

我正在尝试访问从POST响应标头收到的CSRF令牌，我需要将其与应用程序中的所有其他请求一起发送回去。 在访问具有[csrfpreventionsalt“令牌的[[Entries]]之前，我可以深入研究响应流。 它会显示在控制台中，但在尝试访问时会显示为未定义。

经过尝试和测试：我已经尝试使用“ get”方法访问标头，但是它不起作用。

var csrf = res.headers.get（'csrfpreventionsalt'）;

我在SO上看到了其他问题，这些问题说您无法访问标头值，但是如果可以在控制台中访问标头，则一定可以访问令牌并将其分配给变量。

解决此问题的方法也可能对其他可能在其应用程序中遇到相同情况的人有所帮助。 欢迎任何帮助！

Answer 1

您需要映射您的响应以获取类似的方法

this.http.get('…', { observe: 'response' });

按照新的httpclient的角度，如果您仍然对整个Response对象感兴趣，则可以观察它

请在这里检查

Answer 2

您可以尝试以下方法：

 Map.forEach((value: boolean, key: string) => { console.log(key, value); }); 

Answer 3

我相信这个问题已经问过了，请检查一下

Angular 4.3.3 HttpClient：如何从响应的标头获取值？

我只是将其添加到评论中，但我没有足够的影响力来发表评论，但很抱歉

Answer 4

我在调用json（）方法之后调用了get方法，基本上我可以在原始响应对象中访问它之后获得csrf值，如下所示：

private extractLoginData = (res: Response) => {
    this.csrfToken = res.headers.get('csrfPreventionSalt');
    let body = res.json();
    return body;
}

还要确保您已将服务的标题字段设置为Access-Control-Allow-Headers和Access-Control-Allow-Origin的“ *”。

还要添加“ Access-Control-Allow-Credentials：true”。