title: Service worker not caching https responses
body: <p>I have a service worker for a vue pwa. Its able to cache assets but I cant figure out how to cache http responses. According to this <a href="https://www.youtube.com/watch?v=6H1wftPS0oo" rel="nofollow noreferrer">tutorial</a> I am supposed to see <code>api-cache</code> in Cache Storage list</p>
  
  <p><strong>vue.config.vue</strong></p>
  
  <pre><code>module.exports = {
    pwa: {
      workboxPluginMode: "InjectManifest",
      workboxOptions: {
        swSrc: "./src/sw.js",
        swDest: "service-worker.js",
        navigateFallback: "/index.html",
        runtimeCaching: [
          {
            urlPattern: new RegExp(
              "^https://&lt;api&gt;.&lt;domain&gt;.co.za/"
            ),
            handler: "networkFirst",
            options: {
              networkTimeoutSeconds: 2000,
              cacheName: "api-cache",
              cacheableResponse: {
                statuses: [0, 200]
              }
            }
          }
        ]
      }
    }
  };
  
  </code></pre>
  
  <p><strong>registerServiceWorker.js</strong></p>
  
  <pre><code>/* eslint-disable no-console */
  
  import { register } from 'register-service-worker'
  
  if (process.env.NODE_ENV === 'production') {
    register(`${process.env.BASE_URL}service-worker.js`, {
      ready () {
        console.log(
          'App is being served from cache by a service worker.'
        )
      },
      registered (registration) {
        setInterval(() =&gt; {
          registration.update();
        }, 1000 * 60 * 60);
  
        console.log('Service worker has been registered.')
      },
      cached () {
        console.log('Content has been cached for offline use.')
      },
      updatefound () {
        console.log('New content is downloading.')
      },
      updated (registration) {
        document.dispatchEvent(
          new CustomEvent('swUpdated', { detail: registration })
        );
        console.log('New content is available; please refresh.')
      },
      offline () {
        console.log('No internet connection found. App is running in offline mode.')
      },
      error (error) {
        console.error('Error during service worker registration:', error)
      }
    })
  }
  
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/Q4aB4.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Q4aB4.png" alt="enter image description here"></a></p>