change

precaching plugin see: GoogleChrome/workbox#1663
nukash · Oct 1, 2020 · 36b4a54 · 36b4a54
1 parent 0f64393
commit 36b4a54
Showing 1 changed file with 8 additions and 3 deletions.
diff --git a/src/service-worker.js b/src/service-worker.js
@@ -18,15 +18,20 @@ self.addEventListener("message", (e) => {
 workbox.core.clientsClaim(); // Vue CLI 4 and Workbox v4, else
 // workbox.clientsClaim(); // Vue CLI 3 and Workbox v3.
 
+const cacheKeyWillBeUsed = ({ request }) => {
+  const url = workbox.precaching.getCacheKeyForURL(request.url);
+  return new Request(url, { headers: request.headers });
+};
 workbox.routing.registerRoute(
   ({ url }) => url.pathname.endsWith(".mp3"),
   new workbox.strategies.CacheFirst({
     // cacheName: "mp3-caching",
     cacheName: workbox.core.cacheName.precaching,
     plugins: [
-      new workbox.cacheableResponse.Plugin({
-        statuses: [200],
-      }),
+      // new workbox.cacheableResponse.Plugin({
+      //   statuses: [200],
+      // }),
+      { cacheKeyWillBeUsed },
       new workbox.rangeRequests.Plugin(),
     ],
     matchOptions: {