第二次刷新后正在存储缓存

Question

在我的服务人员注册后，在第二次重新加载时，我可以缓存我想要做的响应，而无需第二次刷新，

我正在使用 Workbox 版本 3 ， 即使在使用 workbox.core.skipWaiting 和 workbox.core.clientsClaim 之后，我也无法缓存我的数据，我是 Progressive Web 应用程序和服务工作者的新手，我们将不胜感激，下面是我的代码 sn-ps服务人员 -

即使在使用 workbox.core.skipWaiting 和 workbox.core.clientsClaim 之后，我也无法在第一次加载时缓存我的数据-

我的服务人员 -

importScripts('https://storage.googleapis.com/workbox-cdn/releases/3.0.0/workbox-sw.js');
workbox.routing.registerRoute(
    new RegExp('My URL from where I want to cache the response'),
    new workbox.core.skipWaiting(),
    new workbox.core.clientsClaims(),
    new workbox.strategies.CacheFirst()

);

我的 worlnox-config 文件 -

module.exports = {
  "globDirectory": "build/",
  "globPatterns": [
    "**/*.{json,ico,html,js,css}"
  ],
  "swDest": "./build/sw.js",
  "swSrc" : "./src/sworker.js"
};

在加载页面时，我想缓存我的 API 响应而不重新加载。

Answer 1

这就是服务工作者的行为方式。 Service Worker 正在安装但未读取，因为正在下载和渲染其他资产，因此 Service Worker 无法处理和缓存资源。如果您希望在没有后续导航的情况下缓存资产，您需要 tell Workbox to precache 资产。这将告诉 Service Worker 在安装后下载和缓存资产，而无需客户端询问任何其他请求。