首页 > 解决方案 > angular 5 httpclient ,在 post 上,响应不返回自定义标头,仅返回响应对象

问题描述

使用 Angular 5 common httpClient 进行 http post 调用时,我没有得到实际的 http 标头。我在请求中传递观察:'响应'以获得完整响应(默认情况下,httpClient 仅返回响应正文)。

我想从 http 标头响应中读取 csrftoken 值。我可以看到 csrftoken 在使用 chrome 浏览器网络视图的响应标头中可用。

但是当我在 Angular 中阅读 httpClient 响应时,同样不可用。

 post(inURL, data, config = undefined) {
    let headers, options;
    if (config){
        options = config;
    } else {
        //headers = this.getDefaultHeader();
        //options = new RequestOptions({ headers: headers });
        options = httpOptions;
    }
    options = { ...options, observe: 'response' };

    let action = this.httpService.post(inURL, data, options);
    return new Promise((resolve, reject) => {
        action.subscribe(
            response => resolve(response),
            error => {
                this.interceptError(error);
                reject(error);
            }
        );
    });

    } 在此处输入图像描述

并且响应标头对象在 chrome 调试器上进行调试时看起来像这样,因为您看到 csrftoken 不能用作响应对象上的键

在此处输入图像描述

这是我访问httpheaders的内容

   let headers: HttpHeaders = response.headers;
    if (headers && headers['csrftoken']) {
        let token: String = headers.get('csrftoken');
    }

标签: angularangular-httpclientcustom-headerscsrf-token

解决方案


正如评论中已经建议的那样,您无法以您的方式检查标题是否存在。您需要使用has方法。您的代码应如下所示:

let headers: HttpHeaders = response.headers;
if (headers && headers.has('csrftoken')) {
   let token: String = headers.get('csrftoken');
}

推荐阅读