title: Fetch Promise gets blocked by Chrome's Cache
body: <p>I'm trying to use the Fetch API with promises, and I have the following call to an API.</p>
  
  <pre><code>export const refreshTokenAPI = () =&gt; {
    return fetch('/api/auth/gettoken/' ,{
      cache: 'no-store',
      headers: {
        'Authorization': 'Basic '+ btoa(getToken() + ':'),
        'pragma': 'no-cache',
        'cache-control': 'no-cache'
     }
    })
      .then(response =&gt; {
        return handle_response(response)
      })
      .catch(error =&gt; {
        throw error;
      })
  };
  </code></pre>
  
  <p>When I try to call this, the response just sits as 'Pending' and doesn't go anywhere from there. The weird thing is that when I disable the cache from inside the dev console, it resolves just fine. As you can see from the snippet, I've tried a bunch of things to disable the cache from the call itself, but none of them do anything.</p>
  
  <p>I've even tried old-school cache busting on the endpoint itself, so I'm completely at a loss! Any thoughts?</p>
  
  <p>EDIT: It turns out that if you wait for long enough (~40seconds), it does eventually resolve with the cache enabled... no idea why the cache would cause it to hang so badly?</p>