小编Gla*_*mos的帖子

使用工作箱运行时缓存,请求不会显示在chrome上的缓存存储上

我正在使用工作箱运行时缓存来缓存外部调用(materialize.css就是其中之一).在我的网络选项卡中,它显示请求来自serviceWorker(看起来很好):

在此输入图像描述

但在缓存存储上,我的运行时缓存看起来是空

在此输入图像描述

您可以在chromes的应用程序选项卡上看到我的服务工作者,这是网站:https://quack.surge.sh/

服务工作者代码:

const workboxSW = new self.WorkboxSW();
workboxSW.precache(fileManifest);
workboxSW.router.registerNavigationRoute("/index.html");workboxSW.router.registerRoute(/^https:\/\/res.cloudinary.com\/dc3dnmmpx\/image\/upload\/.*/, workboxSW.strategies.cacheFirst({}), 'GET');
workboxSW.router.registerRoute('https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.2/css/materialize.min.css', workboxSW.strategies.cacheFirst({}), 'GET');
workboxSW.router.registerRoute('https://res.cloudinary.com/dc3dnmmpx/image/upload/(.*)', workboxSW.strategies.cacheFirst({}), 'GET');
Run Code Online (Sandbox Code Playgroud)

这是预期的行为吗?我对服务工作者很陌生,我不确定什么是正确的结果.

javascript caching service-worker progressive-web-apps workbox

9
推荐指数
1
解决办法
3767
查看次数