sw.js

var cacheName = 'Olx-Cache-basic-01';
var dataCacheName = 'Olx-Cache-01';


self.addEventListener('install', function(event) {
    event.waitUntil(
      caches.open('cacheName').then(function(cache) {
        return cache.addAll([
            './css/index.css',
            './css/login.css',
            './css/signup.css',
            './css/submitAd.css',
            './html/favProducts.html',
            './html/login.html',
            './html/signup.html',
            './html/submitAd.html',
            './images/olx-logo.png',
            './js/index.js',
            './js/login.js',
            './js/signup.js',
            './js/submitAd.js',
            '/',
        ]);
      })
    );
  });

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

self.addEventListener("fetch", function(e){
    if(e.request.url.startsWith("http://localhost:8080/products/allProduct")){
        console.log("[Service Worker] Fetch", e.request.url);
        caches.open(dataCacheName).then(function(cache){
            return fetch(e.request).then(function(response){
                cache.put(e.request, response.clone());
                return response;
            })
         })
    }
    else{
    e.respondWith(
        caches.match(e.request).then(function(response){
            return response || fetch(e.request);
        })
    );
}
});