vue-sw-updater 0.0.2 → 0.0.4

package/dist/service-worker.js

@@ -84,7 +84,8 @@ self.addEventListener('fetch', (event) => {
   if (BLACKLIST.some(path => url.pathname.startsWith(path))) return;
 
   // HTML 页面：网络优先，失败回退到缓存 (Network First)
-  if (event.request.mode === 'navigate' || event.request.headers.get('accept').includes('text/html')) {
+  const accept = event.request.headers.get('accept') || '';
+  if (event.request.mode === 'navigate' || accept.includes('text/html')) {
     event.respondWith(
       fetch(event.request)
         .then(response => {
@@ -103,25 +104,41 @@ self.addEventListener('fetch', (event) => {
     return;
   }
 
-  // 静态资源：缓存优先，同时更新缓存 (Stale While Revalidate)
-  // 或者简单的 Cache First，这里为了稳健使用 Cache First + Network Fallback
+  const destination = event.request.destination;
+  const pathname = url.pathname || '';
+  const isScriptOrStyle =
+    destination === 'script' ||
+    destination === 'style' ||
+    pathname.endsWith('.js') ||
+    pathname.endsWith('.css');
+
+  if (isScriptOrStyle) {
+    event.respondWith(
+      fetch(event.request)
+        .catch(() => caches.match(event.request))
+    );
+    return;
+  }
+
   event.respondWith(
-    caches.match(event.request).then((response) => {
-      if (response) {
-        return response;
-      }
-      return fetch(event.request).then(networkResponse => {
-        // 动态缓存请求成功的资源
-        if (!networkResponse || networkResponse.status !== 200 || networkResponse.type !== 'basic') {
+    caches.match(event.request).then((cachedResponse) => {
+      const fetchAndUpdate = fetch(event.request)
+        .then(networkResponse => {
+          if (networkResponse && networkResponse.status === 200 && networkResponse.type === 'basic') {
+            const responseToCache = networkResponse.clone();
+            caches.open(CACHE_NAME).then(cache => {
+              cache.put(event.request, responseToCache);
+            });
+          }
           return networkResponse;
-        }
-        const responseToCache = networkResponse.clone();
-        caches.open(CACHE_NAME).then(cache => {
-            // 避免缓存过大文件或不必要文件，这里可以加过滤逻辑
-            cache.put(event.request, responseToCache);
         });
-        return networkResponse;
-      });
+
+      if (cachedResponse) {
+        event.waitUntil(fetchAndUpdate.catch(() => {}));
+        return cachedResponse;
+      }
+
+      return fetchAndUpdate;
     })
   );
 });