Как мне кэшировать API в Projj Progressive Web App (Pwa) для добавления автономной поддержки?

Question

Я зарегистрировал своего сервисного работника, добавив serviceWorker.register ();в моем коде. В create-реагировать-приложение Api результаты не кэшируются. Как мы кэшируем результат Api, поэтому мы должны улучшить автономную поддержку.

Answer 1

Вы можете обналичить ответы сети и обналичить их для обслуживания

window.addEventListener('fetch', function(event) {
  event.respondWith(
    caches.open('your-app').then(function(cache) {
      return cache.match(event.request).then(function (response) {
        return response || fetch(event.request).then(function(response) {
          cache.put(event.request, response.clone());
          return response;
        });
      });
    })
  );
});

ресурс