Update service-worker.js

service-worker.js

@@ -1,44 +1,37 @@
-const CACHE_NAME = 'pawmatch-v1';
+const CACHE_NAME = 'pawmatch-v2';
+const BASE_URL = self.location.pathname.replace('service-worker.js', '');
+
 const urlsToCache = [
-    '/',
-    '/manifest.json',
-    '/icon-192.png',
-    '/icon-512.png'
+  BASE_URL,
+  `${BASE_URL}manifest.json`,
+  `${BASE_URL}icon-192.png`,
+  `${BASE_URL}icon-512.png`
 ];
 
 self.addEventListener('install', (event) => {
-    event.waitUntil(
-        Promise.all([
-            caches.open(CACHE_NAME).then((cache) => {
-                return cache.addAll(urlsToCache);
-            }),
-            self.skipWaiting()
-        ])
-    );
-});
-
-self.addEventListener('activate', (event) => {
-    event.waitUntil(
-        Promise.all([
-            caches.keys().then((cacheNames) => {
-                return Promise.all(
-                    cacheNames
-                        .filter((cacheName) => cacheName !== CACHE_NAME)
-                        .map((cacheName) => caches.delete(cacheName))
-                );
-            }),
-            self.clients.claim()
-        ])
-    );
+  event.waitUntil(
+    caches.open(CACHE_NAME)
+      .then((cache) => {
+        console.log('Cache opened');
+        return cache.addAll(urlsToCache);
+      })
+      .then(() => self.skipWaiting())
+      .catch(error => console.error('Cache error:', error))
+  );
 });
 
 self.addEventListener('fetch', (event) => {
-    event.respondWith(
-        caches.match(event.request).then((response) => {
-            if (response) {
-                return response;
-            }
-            return fetch(event.request);
-        })
-    );
+  event.respondWith(
+    caches.match(event.request)
+      .then((response) => {
+        if (response) {
+          return response;
+        }
+        return fetch(event.request);
+      })
+      .catch(() => {
+        // 如果離線且快取中沒有，返回離線頁面或預設內容
+        return new Response('Offline');
+      })
+  );
 });