title: GET request with Basic Auth working from Postman but not from the browser
body: <p>I'm working with an odata api, and when I'm using postman to do a GET request, works perfect and I get the response as I was expecting.
  <a href="https://i.stack.imgur.com/uOQnt.png" rel="noreferrer"><img src="https://i.stack.imgur.com/uOQnt.png" alt="Postman Request"></a></p>
  
  <p>But when I use a fetch request from my React app, the request throws a 401, using the same headers as I previously used in Postman. and it says that <code>Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:3000' is therefore not allowed access. The response had HTTP status code 401.</code></p>
  
  <p>Any idea about how to solve this request? 
  Thanks!</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="false" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>fetch('https://api4.successfactors.com/odata/v2/', {
    method: 'GET',
    headers: {
      authorization: `Basic ${auth}`, //auth is the encoded base64 username:password
    },
  })
    .then(response =&gt; response.json())
    .then((response) =&gt; {
      console.log('in response: ', response);
    })
    .catch((error) =&gt; {
      console.log('in fetchJobs error: ', error);
    });</code></pre>
  </div>
  </div>
  </p>
  
  <p>This is the 401 that I'm getting....
  <a href="https://i.stack.imgur.com/BVioz.png" rel="noreferrer"><img src="https://i.stack.imgur.com/BVioz.png" alt="enter image description here"></a></p>