Update service-worker.js

service-worker.js

@@ -1,13 +1,14 @@
 const CACHE_NAME = 'pawmatch-v1';
-const BASE_PATH = self.location.pathname.replace('service-worker.js', '');
 
+// 需要快取的檔案清單
 const urlsToCache = [
-    BASE_PATH,
-    BASE_PATH + 'manifest.json',
-    BASE_PATH + 'assets/icon-192.png',
-    BASE_PATH + 'assets/icon-512.png'
+    './',
+    './manifest.json',
+    './assets/icon-192.png',
+    './assets/icon-512.png'
 ];
 
+// 安裝 Service Worker
 self.addEventListener('install', event => {
     event.waitUntil(
         caches.open(CACHE_NAME)
@@ -15,5 +16,27 @@ self.addEventListener('install', event => {
                 console.log('快取開啟成功');
                 return cache.addAll(urlsToCache);
             })
+            .catch(error => {
+                console.error('快取檔案失敗：', error);
+            })
+    );
+});
+
+// 處理檔案請求
+self.addEventListener('fetch', event => {
+    event.respondWith(
+        caches.match(event.request)
+            .then(response => {
+                // 如果在快取中找到檔案，就回傳快取的版本
+                if (response) {
+                    return response;
+                }
+                // 否則發送網路請求
+                return fetch(event.request);
+            })
+            .catch(error => {
+                console.error('讀取檔案失敗：', error);
+                return fetch(event.request);
+            })
     );
 });