title: Fetch - respond to preflight response
body: <p>I am struggling with fetch over CORS, with authorization:</p>
  
  <pre><code>const token = 'this.is.secret!';
  fetch('http://corsserver/api/hello', {
      method: 'get',
      credentials: 'include',
      mode: 'cors',
      headers: {
          'Authorization': `Bearer ${token}`,
          'Content-Type': 'application/x-www-form-urlencoded'
      }
  }).then(response =&gt; {
    console.log(response);
  }).catch(error =&gt; {
    console.log(error);
  });
  </code></pre>
  
  <p>When I run this request, Chrome sets the header as:</p>
  
  <p><code>Request Method:OPTIONS</code></p>
  
  <p>I look this up and <a href="https://developer.mozilla.org/en-US/docs/Web/HTTP/Methods/OPTIONS#Preflighted_requests_in_CORS" rel="nofollow noreferrer">it's a preflighted request</a>.</p>
  
  <p>I mean, that's really cool and stuff. However I can't figure out how to send the actual request after the preflight comes back okay! What's the next step? How do I send the GET request?</p>
  
  <p>I'm missing something very basic here.</p>