如何在reactjs Progressive Web App(Pwa)中缓存api以添加脱机支持?

我已经通过添加serviceWorker.register()注册了我的服务工作者;在我的代码中。在create-react-app中,不缓存Api结果。我们如何缓存Api结果,以便我们提高离线支持。

shfenqi 回答:如何在reactjs Progressive Web App(Pwa)中缓存api以添加脱机支持?

您可以兑现网络响应并将其兑现以供投放

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;
        });
      });
    })
  );
});

resource

本文链接:https://www.f2er.com/3169046.html

大家都在问