服务工作者不会在'/'上缓存golang服务器提供的index.html

Question

I'm playing around with a service worker trying to cache my index.html. I'm serving it via

http.HandleFunc("/sw", handle.SW)
http.HandleFunc("/", handle.Index)

My service worker cache looks like this

self.addEventListener('install', (event) => {
    self.skipWaiting();
    event.waitUntil(async function () {
        const cache = await caches.open(CACHE_VERSION);
        await cache.addAll([
            '/',
            '/static/merged.css',
            '/static/merged.js',
            '/favicon.ico'
        ]);
    }());
});

Without the service worker my network tab in the developer tools shows the size of the index.html with 4.5 KB and a time of 46ms.

Now with the service worker merged.css, merged.js and favicon.ico are cached, but my index has two entries. One from service worker, and one of size 4.5 KB and a time of 48ms.

So I'm guessing that index.html is not cached and I can not find out how to do it.

Answer 1

From the screenshot you uploaded, it says that the request for fetching the index.html is initiated by a script named sw.js, and the exact code is placed at the second line. If this is truly the service-worker in your code, please recheck it carefully and find out why this request is made.