How to get custom response headers in Angular without use of HttpIntercepter

Question

I'm not using HttpIntercepter in my Angular project and I want to retrieve some custom Response Headers in case of error. I tried { observe: 'response' } in my POST API call:

post(url, data = ''): Observable<any> {
  url = this.baseApiUrl + url;
  const headers = this.createHttpHeaders();
  const body = JSON.stringify(data);
  return this.http.post(url, body, {headers: headers, observe: 'response'}).pipe(catchError(HttpClientHelper.handleError));
}

but I'm receiving only 4 headers:

error.headers.keys().map( (key) => console.log(key + ':' + error.headers.get(key)));

returns

cache-control: no-cache, no-store, max-age=0, must-revalidate content-length: 0 expires: 0 pragma: no-cache

But, custom response headers with prefix x- are not returned. Is there any configuration to retrive custom response headers?

Check in chrome inspect network tab, for this request are you really getting the header. Also if possible add screenshot from network tab. — Plochie
– Plochie, Commented Dec 30, 2019 at 5:41
Yes. I'm receiving those headers in Headers tab of Network panel. — Gourav Pokharkar
– Gourav Pokharkar, Commented Dec 30, 2019 at 5:43

Plochie · Accepted Answer · 2019-12-30 06:44:19Z

9

You might have not exposed this header while sending response. Your server needs to send Access-Control-Expose-Headers header, so that your custom header is exposed to client.

Documentation: https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Access-Control-Expose-Headers

In spring boot response,

@GetMapping("/endpoint")
public ResponseEntity<Object> someEndpoint() {

    HttpHeaders headers = new HttpHeaders();
    headers.add("x-some-header", "some_header_value");
    headers.add("Access-Control-Expose-Headers", "x-some-header"); // set this to expose custom header
    return ResponseEntity.ok()
               .headers(headers)
               .body(responseBody);

}

answered Dec 30, 2019 at 6:44

Plochie

4,1271 gold badge21 silver badges34 bronze badges

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

Collectives™ on Stack Overflow

How to get custom response headers in Angular without use of HttpIntercepter

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related