reactjs - 我如何在 reactjs 渐进式 Web 应用程序 (Pwa) 中缓存 api 以添加离线支持？

Question

我已经通过添加 serviceWorker.register(); 注册了我的 service worker在我的代码中。在 create-react-app 中，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;
        });
      });
    })
  );
});

resource