title: Caching of index.html in Angular Service worker
body: <p>Everytime I make any change to the <code>index.html</code> with my Angular project, Service Worker never gets updated and always serves the old cached version on <code>index.html</code>. How do I fix this (Also, there is no caching at the server end as well as browser)</p>
  <p>Here is my <code>ngsw-config</code> file:</p>
  <pre><code>    {
        &quot;index&quot;: &quot;/index.html&quot;,
        &quot;assetGroups&quot;: [{
          &quot;name&quot;: &quot;app&quot;,
          &quot;installMode&quot;: &quot;prefetch&quot;,
          &quot;resources&quot;: {
            &quot;files&quot;: [
              &quot;/favicon.ico&quot;,
              &quot;/index.html&quot;,
              &quot;/manifest.json&quot;
            ],
            &quot;versionedFiles&quot;: [
              &quot;/*.bundle.css&quot;,
              &quot;/*.bundle.js&quot;,
              &quot;/*.chunk.js&quot;
            ]
          }
        }, {
          &quot;name&quot;: &quot;assets&quot;,
          &quot;installMode&quot;: &quot;lazy&quot;,
          &quot;updateMode&quot;: &quot;prefetch&quot;,
          &quot;resources&quot;: {
            &quot;files&quot;: [
              &quot;/assets/**&quot;
            ]
          }
        }]
      }
  </code></pre>
  <p>My response headers for the request:</p>
  <p><a href="https://i.stack.imgur.com/GdtM0.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/GdtM0.png" alt="Screenshot of my request to my angular APP" /></a></p>
  <p>Any idea how to get this fixed?</p>
  <p>Thanks</p>