Workbox缓存策略不能正常工作

文章/答案/技术大牛

发布

1回答

javascript、reactjs、service-worker、create-react-app、web-worker

我正在构建一个react应用程序，使用create-react-app和来处理workbox。我也尝试了其他策略，但workbox只使用其默认行为，并首先使用缓存进行响应。__precacheManifest); workbox.routing.registerRoute("/&quo

浏览 33提问于2019-07-16得票数 2

1回答

为什么网络优先策略比没有服务工作者慢？

service-worker、workbox

在使用workbox对服务人员的性能进行基准测试时，我们发现了一个有趣的现象。我的猜测是，如果服务工作者开始工作，所有的请求都必须由javascript代码处理。然后，我检查了缓存优先策略，结果发现从缓存存储中获取内容比从磁盘

浏览 5提问于2018-06-20得票数 1

2回答

如何使用workboxSW预缓存项的staleWhileRevalidate？

javascript、service-worker、offline-caching、workbox、sw-precache

workboxSW.precache默认是cacheFirst，有没有办法改变它的策略？workboxSW.precache(myPrecacheItems); 或者，有没有一种方法可以在预缓存项上定义缓存名称，以便可以通过指定route覆盖预缓存项？

浏览 15提问于2017-09-20得票数 1

1回答

Workbox service worker未在缓存中存储图像和API响应

service-worker、workbox、workbox-webpack-plugin

我使用workbox service worker来缓存图像和API响应，为它们创建自定义缓存。虽然我可以看到路由匹配，但我看不到响应存储在缓存中，然后由于缓存未命中，服务工作者正在从网络请求每个资源。我已经为服务工作者使用了workbox-webpack-plugin，并在其他文件中编写了自定义路由和缓存策略，然后将这些策略传递给插件配置。同样，我的css和js文件也可以很好地存储和提供。我试过

浏览 11提问于2019-01-04得票数 1

回答已采纳

1回答

我如何使用谷歌的温暖战略缓存从工作盒食谱？

javascript、service-worker、workbox

我正在寻找如何使用这里演示的代码的最小可行示例：我对使用Workbox (以及一般的服务人员)很陌生，并且对“workbox-食谱”库所基于的是什么感到困惑。我应该在调用warmStrategyCache({urls, strategy});之前创建服务工作人员吗？我以为这个方法调用会为我创建一个服务人员呢？我最终试图“热情”地缓存(在运行时，而不是构建时，因为我使用的是内容)一组小型视频，以便在触发某些javascript事件时立即播放。

浏览 7提问于2022-07-13得票数 0

2回答

谷歌workbox webpack插件在服务人员前先从缓存中获取

caching、webpack、service-worker、workbox、workbox-webpack-plugin

当我只使用从工作箱中预缓存插件时，服务工作者尝试从indexdb而不是缓存(browser-cache)中获取。这就是预缓存的一切。skipWaiting: true,})importScrip

浏览 6提问于2018-11-27得票数 0

1回答

registerNavigationRoute: index.html未更新NetworkFirst

javascript、service-worker、workbox、workbox-webpack-plugin

上下文workbox.precaching.precache([]) 当我更新并重新构建应用程序时，app.js文件将被命名为app.yyyyyyyy.js，但是客户机仍然使用旧的app.xxxxxxxx.js文件缓存index.html文件，这样应用程序就<em

浏览 0提问于2018-05-24得票数 6

1回答

Vue PWA:检查响应是否来自缓存，以及响应的时间。

javascript、vue.js、progressive-web-apps、service-worker、workbox

我正在为我的站点使用vue-pwa，并且我在我的站点中调用的API目前正在使用NetworkFirst策略。现在，我希望以某种方式检测服务工作者是否缓存了从API接收到的响应(在这种情况下，我想知道缓存的响应有多长时间)，或者请求是否正常获取。目标是在用户正在查看可能过期的内容时显示警告(响应是从缓存加载的，并且超过几个小时)。__precacheManifest || []) workbox.precaching.precacheAndRoute(self.__pre

浏览 0提问于2021-03-05得票数 1

回答已采纳

1回答

在Workbox中使用缓存优先策略的主要目的是什么？

service-worker、workbox

阅读Workbox ，我发现我无法想象在Workbox中使用“缓存优先”策略的情况。在Workbox中使用“缓存优先”策略的主要目的是什么？提前谢谢。

浏览 2提问于2018-09-06得票数 0

1回答

使用networkFirst策略的工作盒回退响应

service-worker、workbox

我在服务工作人员中使用Workbox，并且我使用来提供对一个路由的回退响应，当脱机和页面不在缓存中时，应该显示该路由： cacheName: 'page-cache' workbox.routing.registerRouteurlHandl

浏览 3提问于2018-07-27得票数 3

1回答

如何用workbox-cli实现“先缓存后网络”的策略？

workbox

如何用workbox-cli实现"cache then network“策略我需要最新的内容，而不用离开网站并再次访问它(这是“过时同时重新验证”策略的行为，如果我理解得很好的话，这是在workbox-cli中使用的策略)。我需要workbox-cli，因为它不仅处理服务工作者文件的写入，而且最重要的是，它负责每次构建后的缓存重命名，这将是手动重命名的麻烦。

浏览 34提问于2021-08-05得票数 0

回答已采纳

1回答

添加Workbox离线支持和html缓存

javascript、html、service-worker、workbox

我正试着从workbox开始。我想把我的网站编码为PWA。它应该离线工作。为此，我想使用CacheFirst策略。我的问题是，workbox不能脱机工作。我甚至在缓存中找不到我的主html文件。/releases/4.3.1/workbox-sw.js'); /\.html/, new workb

浏览 10提问于2020-01-06得票数 0

1回答

带有后台同步模块的Workbox服务工作人员

javascript、node.js、npm、workbox、background-sync

我已经使用Workbox几天了，我正确地设置了它，用于从一个源生成一个服务工作者，而不是让Workbox为我生成它。它工作正常，但现在我试图包括工作框-背景同步模块，以存储一些失败的帖子请求，我无法让它工作。('workbox-background-sync')，加载它，这是我在github上找到的一个解决方法，但仍然无法工作。同时，用同样的信念，用self.workbox = new Workb

浏览 0提问于2017-12-26得票数 1

1回答

WorkBox取错了urlPattern

vuejs2、nuxt.js、workbox

我正在使用Nuxt.js框架，其WorkBox配置如下所示 workboxURL: 'https://cdn.jsdelivr.net/npm/workbox-sw@4.3.1:about|contact)$'假设匹配所有3个请求：/about但是只有/about和/contact匹配，/由下一个缓存策略urlPattern: &#

浏览 5提问于2019-09-18得票数 3

回答已采纳

1回答

Vuejs缓存来自url的图片，避免重新获取

javascript、vue.js、vuejs2、vue-component、browser-cache

<lightbox :item="highlightedItem"/><img :src="item.url"/> 我天真地期望浏览器缓存该请求，而不是重新加载完全相同的url，但这正是正在发生的事情有没有什么优雅的方法可以避免这种情况，并在加载一次时缓存图像？

浏览 3提问于2019-05-15得票数 5

1回答

其他域的服务工作者和缓存映像(aws s3)：“不会缓存不透明的响应”

service-worker、progressive-web-apps、workbox

我正在尝试使一个站点离线可用，并缓存从AWS S3检索到的图像。我正在使用工作盒库： maxAgeSeconds: 7 * 24 * 60 * 60, ],

浏览 2提问于2019-02-04得票数 1

回答已采纳

2回答

StaleWhileRevalidate:遇到不成功状态时从缓存中移除

javascript、service-worker、workbox

我们使用Workbox的StaleWhileRevalidate策略来缓存JSON API的响应。正常情况下，此接口会返回200状态码，并下发所需数据。不幸的是，我们的应用程序仍然“看到”缓存的JSON响应。当我们遇到401时，Workbox中有没有什么设置或钩子可以用来修剪缓存的条目？或者，是否有其他建议或最佳实践可供遵循？

浏览 40提问于2019-04-26得票数 1

回答已采纳

1回答

如何利用工作盒实现“缓存后网络”策略

service-worker、progressive-web-apps、workbox

我正在尝试使用Workbox来实现策略。那有什么用吗？工作箱(顺便说一句，它是一个很好的工具，所以感谢它的维护人员)是否有这种策略的例子？

浏览 3提问于2017-11-14得票数 5

回答已采纳

1回答

当pwa在laravel上处于活动状态时，我的应用程序无法更新缓存

progressive-web-apps、workbox

我正在使用PWA创建一个应用程序，但是当我在数据库中更新主URL中的某些内容时，似乎没有发生任何更改，并且我必须清除服务工作者中的缓存，而在移动设备中，最终用户可能不必首先清除缓存即可使用应用程序。我已经做了几种替代方法，例如屏蔽URL以避免缓存服务工作人员，但我知道这样做效率不高importScripts('https://storage.googleapis.com/workboxcdn/releases&#

浏览 16提问于2019-10-29得票数 0

1回答

工作箱缓存首先没有正确缓存

workbox

我试图在一个React + NextJS应用程序上构建一个Cache优先策略，但我面临一个问题.我有以下规则： new RegExp('*\/arquivos.*/'), cacheName: 'cache-first',); 但是没有任何东西会被缓存</e

浏览 1提问于2019-11-25得票数 0

点击加载更多