title: Firefox CORS blocking access to site that is listed allowed
body: <p>I am trying to use json placeholder site to get dummy data for react project. I fetch the data with axios package. I opened my application in Firefox and it showed this error in console:<br />
  <code>Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at https://jsonplaceholder.typicode.com/users. (Reason: CORS header ‘Access-Control-Allow-Origin’ does not match ‘https://localhost:3000’)</code>.</p>
  <p>Then, I inspected the response header and it has the following <code>CORS</code> headers:
  <a href="https://i.stack.imgur.com/A9WNu.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/A9WNu.png" alt="CORS_HEADER" /></a></p>
  <p>according to my understanding if <code>access-control-allow-credentials</code> is <code>true</code> and <code>access-control-allow-origin</code> matched my origin (which is <code>http://localhost:3000</code>) then i should be able to access response data but Firefox is blocking it.</p>
  <p>What i didn't understand is why Firefox is blocking response data despite <code>access-control-allow-origin</code> matches origin. I have also tested this application in Brave browser and it worked fine.</p>
  <p>I am using <code>Firefox developer version 95.0b6 (64-bit)</code></p>