title: Fetch caching response - no-cache headers not working as expected
body: <p>I've been doing the <a href="https://www.freecodecamp.org/challenges/build-a-random-quote-machine" rel="nofollow noreferrer">random quote machine</a> project for freecodecamp and I can't seem to stop the response from the api being cached.</p>
  
  <p>I've tried various answers:</p>
  
  <ul>
  <li><a href="https://stackoverflow.com/questions/29246444/fetch-how-do-you-make-a-non-cached-request">fetch(), how do you make a non-cached request?</a></li>
  <li><a href="https://forum.freecodecamp.org/t/apis-and-the-random-quote-machine-not-even-sure-what-to-ask/65982/13" rel="nofollow noreferrer">https://forum.freecodecamp.org/t/apis-and-the-random-quote-machine-not-even-sure-what-to-ask/65982/13</a></li>
  </ul>
  
  <p>I thought I had it at one point:</p>
  
  <pre><code>fetch(this.url, {cache: 'no-cache'})
      .then(res =&gt; res.json())
  </code></pre>
  
  <p>... but I was just disabling the cache in developer tools.</p>
  
  <p>Please help. :-D.</p>
  
  <p>Here is where i've been trying to make it work:
  <a href="https://codepen.io/JonathanDWood/pen/gRNNKx" rel="nofollow noreferrer">https://codepen.io/JonathanDWood/pen/gRNNKx</a></p>