服務人員不應該緩存整個頁面

我將'/'（route）.css和.js文件註冊爲應該首先緩存的URL。服務人員不應該緩存整個頁面

但之後我意識到它緩存了整個頁面，這意味着我沒有看到我的視圖上有任何更新，事件有數據庫更新。

所以我改變它只緩存我的.css和.js文件不再路由（'/'）了，我預料會出現這個問題。

但過了一段時間，仍然發生同樣的問題。我檢查我的控制檯它的確再次緩存整個頁面上，即使我的服務人員文件已經改變這樣的：

var CACHE_NAME = 'cache-v2'; 
var urlsToCache = [ 
    '/assets/css/app.css', 
    '/assets/js/main.js', 
    '/assets/js/other.js' 
]; 

self.addEventListener('install', function(event) { 
    event.waitUntil(
    caches.open(CACHE_NAME) 
     .then(function(cache) { 
     console.log('Opened cache'); 
     return cache.addAll(urlsToCache); 
     }) 
); 
}); 

self.addEventListener('activate', function(e) { 
    console.log('[ServiceWorker] Activate'); 
    e.waitUntil(
    caches.keys().then(function(keyList) { 
     return Promise.all(keyList.map(function(key) { 
     if (key !== CACHE_NAME) { 
      console.log('[ServiceWorker] Removing old cache', key); 
      return caches.delete(key); 
     } 
     })); 
    }) 
); 
    return self.clients.claim(); 
}); 

self.addEventListener('fetch', function(event) { 
    event.respondWith(
    caches.match(event.request) 
     .then(function(response) { 
     // Cache hit - return response 
     if (response) { 
      return response; 
     } 

     var fetchRequest = event.request.clone(); 

     return fetch(fetchRequest).then(
      function(response) { 

      if(!response || response.status !== 200 || response.type !== 'basic') { 
       return response; 
      } 

      var responseToCache = response.clone(); 

      caches.open(CACHE_NAME) 
       .then(function(cache) { 
       cache.put(event.request, responseToCache); 
       }); 

      return response; 
      } 
     ); 
     }) 
    ); 
});

來源

2017-07-05 mistercat

的情況下，任何人有同樣的問題，這裏是我應該改變

self.addEventListener('fetch', function(e) { 
    console.log('[ServiceWorker] Fetch', e.request.url); 
    e.respondWith(
    caches.match(e.request).then(function(response) { 
     return response || fetch(e.request); 
    }) 
); 
});

所以我以前的提取看起來像問題

來源

2017-07-05 12:25:46 mistercat

服務人員不應該緩存整個頁面

回答

相關問題