title: Trying to use fetch and pass in mode: no-cors
body: <p>I can hit this endpoint, <code>http://catfacts-api.appspot.com/api/facts?number=99</code> via Postman and it returns <code>JSON</code></p>
  
  <p>Additionally I am using create-react-app and would like to avoid setting up any server config.</p>
  
  <p>In my client code I am trying to use <code>fetch</code> to do the same thing, but I get the error:</p>
  
  <blockquote>
    <p>No 'Access-Control-Allow-Origin' header is present on the requested
    resource. Origin '<a href="http://localhost:3000" rel="noreferrer">http://localhost:3000</a>' is therefore not allowed
    access. If an opaque response serves your needs, set the request's
    mode to 'no-cors' to fetch the resource with CORS disabled.</p>
  </blockquote>
  
  <p>So I am trying to pass in an object, to my Fetch which will disable CORS, like so:</p>
  
  <pre><code>fetch('http://catfacts-api.appspot.com/api/facts?number=99', { mode: 'no-cors'})
    .then(blob =&gt; blob.json())
    .then(data =&gt; {
      console.table(data);
      return data;
    })
    .catch(e =&gt; {
      console.log(e);
      return e;
    });
  </code></pre>
  
  <p>Interestingly enough the error I get is actually a syntax error with this function. I am not sure my actual <code>fetch</code> is broken, because when I remove the { mode: 'no-cors' } object, and supply it with a different URL it works just fine.</p>
  
  <p>I have also tried to pass in the object <code>{ mode: 'opaque'}</code> , but this returns the original error from above.</p>
  
  <p>I belive all I need to do is disable CORS.. What am I missing?</p>