How to get all Headers from Response?

Question

API

I googled how to do it, following the example I did:

getData(page): Observable<any> {
    const url = `${this.url}?page=${page}`;
    return this.http.get<any>(url, {observe: 'response'});
  }

  loadData(page) {
    this.feedService.getData(page)
      .subscribe(data => {
        console.log(data.headers.keys());
        console.log(data.headers.get('X-Pagination-Page-Count'));
     });
  }

The server gives such headers, they can be seen in the Google Chrome network:

But Angular sees only 4 headers, the ones I need are missing. What's wrong?

Answer 1

Try adding a header 'access-control-expose-headers' : '<header-name>'to the API.
About the essence of your problem is here .
In short, by default, only 6 are open for receiving:

• Cache-Control
  
• Content-Language
  
• content-type
  
• Expires
  
• Last Modified
  
• pragma