I am getting this error:

TypeError: Failed to execute 'put' on 'Cache': Vary header contains *

When i try to cache my requests using service worker.

Here is my sw code:

self.addEventListener('install', (event) => {})

// Cache and return request
self.addEventListener('fetch', (event) => {
  event.respondWith(
    fetch(event.request).then((res) => {
      const resClone = res.clone()
      caches
        .open('v1')
        .then((cache) => {
          cache.put(event.request, resClone)
        })
      return res
    }).catch(err => caches.match(event.request).then((resFromCache) => {
      console.log('from cache', resFromCache)
      return resFromCache
    }))
  )
})