title: Using fetch API with mode: 'no-cors', can’t set request headers
body: <p>I am trying to hit a service end point and the service is a login service
  I am using the authentication type as basic ,The code is in react and using the fetch library however even if i set the headers field in my request I am unable to see the values of corresponding headers in my request in network tab?</p>
  
  <p>Following is the code  : </p>
  
  <pre><code>var obj = {
    method: 'GET' ,
    mode : 'no-cors',
    headers: {
        'Access-Control-Request-Headers': 'Authorization',
        'Authorization': 'Basic amFzcGVyYWRtaW46amFzcGVyYWRtaW4=',
        'Content-Type': 'application/json',
        'Origin': ''
    },
    credentials: 'include'
  };
  fetch('http://myreport:8082/jasperserver/rest/login/', obj ).then(…
  </code></pre>
  
  <hr>
  
  <p><strong>Popup where its asking me for username and password</strong>
  <a href="https://i.stack.imgur.com/YtBbE.png" rel="noreferrer"><img src="https://i.stack.imgur.com/YtBbE.png" alt="Popup where its asking me for username and password"></a></p>
  
  <hr>
  
  <p><strong>Request and response calls from the network tabs</strong>
  <a href="https://i.stack.imgur.com/NZFRA.png" rel="noreferrer"><img src="https://i.stack.imgur.com/NZFRA.png" alt="Request and response calls from the network tabs"></a></p>