title: Fetch request returns cors and shows twice in Network tab of Chrome DevTools
body: <p>After doing a fetch() request, the first request listed shows a <strong>204 Fetch</strong> and the second listed entry shows <strong>200 json</strong> in the Network tab of Chrome DevTools. Why are there two listings for 1 fetch() request?</p>
  
  <p>Within my app, the fetch() returns a <code>Response { type: 'cors', url: '...', status: 200, statusText: "OK" }</code> but when I click on the second entry and view the response within DevTools, I see the data returned. Why is it then that within my app, I'm getting a 'cors' response and not the data?</p>
  
  <p>The headers that I'm passing are authorization headers to a restify back-end that will allow cors access if these headers are present.</p>
  
  <pre><code>return fetch(`${urls[process.env.NODE_ENV]}/test`, { headers })
        .then(result =&gt; dispatch(fetchDataSuccess(result.data)))
        .catch(error =&gt; dispatch(fetchDataError(error)));
  </code></pre>