title: How to get the value that is added as header in response from server to client (in reactjs)?
body: <p>I have added the headers in HttpContext in .NET web API. In the browser network, I can see the added header in the response. But in reactjs fetch function, its showing that added header as false while check response.headers.has. Why its showing false?</p>
  
  <p>I have been developing web application with .NET web server and reactjs as client. I have tried with response.headers.has("key") which is showing false so not getting when trying with response.headers.get("key").</p>
  
  <pre><code>HttpContext.Current.Response.Headers.Add("Paging-Headers", JsonConvert.SerializeObject(paginationMetadata));
  var list= VehicleModelMapper.ToViewModelList(items.OrderBy(c =&gt; c.id).AsQueryable());
  return Request.CreateResponse(HttpStatusCode.OK, list);
  </code></pre>
  
  <p>Server Side (Added response header)
  <a href="https://i.stack.imgur.com/Us3WY.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Us3WY.png" alt="enter image description here"></a></p>
  
  <p>Browser Network response content
  <a href="https://i.stack.imgur.com/yhtyM.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/yhtyM.png" alt="enter image description here"></a></p>
  
  <p>console.log at client side which is false even the header is added
  <a href="https://i.stack.imgur.com/rnans.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/rnans.png" alt="enter image description here"></a></p>
  
  <p><a href="https://i.stack.imgur.com/TSDdB.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/TSDdB.png" alt="enter image description here"></a></p>
  
  <p>I expect the value of added header in the response at client side which is reactjs. It is available in browser network but while consoling it after response received, its undefined. How to get the response added header in response?</p>