reza mdra
6 سال پیش توسط reza mdra مطرح شد
0 پاسخ

مشکل dynamic cache در pwa

سلام
من در سایتم از کد زیر برای dynamic cache استفاده کردم ولی در زمان ایجاد post جدید توسط form در صفحه نمایش داده نمیشه حتی زمان که صفحه را reload l می کنم تا زمانی که clear cache کنم و صفحه را دوباره باز کنم لطفا راهنمایی کنید

let CACHE_VERSION = 2;

let CURRENT_CACHE = {
    static : 'static-cache-v' + CACHE_VERSION,
    dynamic : 'dynamic-cache-v' + CACHE_VERSION
};

self.addEventListener('install', function(event) {
     console.log('install service worker' );
      event.waitUntil(
        caches.open(CURRENT_CACHE['static'])
            .then( function(cache) {
            cache.add('/css/all.css');
             })
    );
});

self.addEventListener('activate', function(event) {
  console.log('activating service worker' );
});

self.addEventListener('fetch' , function(event) {
    event.respondWith(
        caches.match(event.request).then(response => {
            if(response) return response;

            return fetch(event.request).then(networkResponse => {
                caches.open(CURRENT_CACHE['dynamic'])
                return .then(cache => {
                        cache.put(event.request , networkResponse.clone());
                        return networkResponse;
                    })
            })
        })
    )
});