angular 5 httpclient , on post , the response does not return custom headers, only returns response object

Question

I'm not getting the actual http headers when making the http post call using Angular 5 common httpClient. I'm passing observe: 'response' in request to get the full response (by default httpClient returns only the body in response).

I want to read the csrftoken value from http header response. I can see that csrftoken is available in response headers using chrome browser network view.

But the same is not available when I read the httpClient response in Angular.

 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);
            }
        );
    });

}

and the response headers object looks like this while debugging on chrome debugger, as you see the csrftoken is not available as a key on the response object

Here is what i have for accessing the httpheaders

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

Have you at least tried to get the token out of the HttpHeaders object? Show that code. — JB Nizet
– JB Nizet, Commented Nov 19, 2018 at 21:18
@JBNizet added code to access teh httpheadersobject and updated the post — looneytunes
– looneytunes, Commented Nov 19, 2018 at 21:35
Here's the documentation of HttpHeaders: angular.io/api/common/http/HttpHeaders. It's not a POJO. Use headers.has('csrftoken'). — JB Nizet
– JB Nizet, Commented Nov 19, 2018 at 21:38

Aleš Doganoc · Accepted Answer · 2018-11-19 22:19:55Z

3

As already suggested in the comments you cannot check if a header exists the way you are doing it. You need to use the has method. Your code should look like this:

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

answered Nov 19, 2018 at 22:19

Aleš Doganoc

12.1k30 silver badges43 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

angular 5 httpclient , on post , the response does not return custom headers, only returns response object

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related