Only in Chrome (Service Worker): '... a redirected response was used for a request whose redirect mode is not "follow" '

[NathHorrigan]

When I refresh (or go offline) in Chrome then I get "This site can't be reached" and the following logged to console: The FetchEvent for "http://localhost:8111/survey/174/deployment/193/answer/offline/attendee/240/" resulted in a network error response: a redirected response was used for a request whose redirect mode is not "follow".. When I refresh in Firefox everything works fine. Could someone explain why this is happening?

Here is my simplified SW.

importScripts("/static/js/libs/idb.js")

var CACHE_NAME = "upshot-cache-version3"
var urlsToCache = [...]

self.addEventListener("install", event => {
  event.waitUntil(
    caches
      .open(CACHE_NAME)
      .then(cache => {
        urlsToCache.map(url => cache.add(url))
      })
  )
})

self.addEventListener("activate", event => {
  clients.claim()
})

self.addEventListener('fetch', event => {
  event.respondWith(
    caches
      .match(event.request)
      .then(response => {
        
        if (response) {
          return response
        }
        
        var fetchRequest = event.request.clone()

        return fetch(fetchRequest).then(response => {
          if (!response || response.status !== 200 || response.type !== 'basic') {
            return response
          }
          var responseToCache = response.clone()
          caches.open(CACHE_NAME).then(cache => cache.put(event.request, responseToCache))
          return response
        })

      })
  )
})

[wanderview]

This most likely means that cached a request to http://localhost:8111/survey/174/deployment/193/answer/offline/attendee/240 that was redirected to http://localhost:8111/survey/174/deployment/193/answer/offline/attendee/240/. Note the added slash at the end.

Also, FF should behave the same here. Its possible you have slightly different cached data in your different profiles?

[annevk]

Closing this due to lack of follow-up. It also seems this kind of question is more suitable for Stack Overflow.