我用已经编写好的Service Worker创建了一个新的React项目。我在App中做了3个不同的API请求。但是，当我从互联网断开连接并重新加载时，只有精灵宝可梦API的结果才会显示出来。另外两个不会被缓存。以下是App中的代码。非常简单。e.target)} key={i}>{ `${i} - ${p.name} - ${p.url}`}</p>)} );
export default App; 这是预构建的服
浏览 14提问于2021-08-31得票数 0
1回答
我正在使用workbox-webpack-plugin来注册服务工作者。我的前端应用是配置了webpack的react-redux应用。如果你访问app url，你总是可以看到登录视图。我在webpack.config.js中的插件： swSrc: path.join('src', 'service-worker.js')服务工作者__precacheManifest);
我的服务</e
浏览 7提问于2018-07-26得票数 2
Angular服务工作者完成其工作并缓存静态资源，以便在脱机时加载应用程序shell。 现在，我还想缓存POST请求，这些请求将在设备重新联机后立即发送。不幸的是，Angular服务工作者不支持除GET和HEAD之外的HTTP方法。因此，我使用的是Google的workbox库。在官方的“基本用法”片段1之后，我使用了workbox.backgroundSync.Plugin()并定义了要缓存的路由： sw.js：
浏览 51提问于2019-10-16得票数 1
回答已采纳
1回答
我正在构建一个react应用程序，使用create-react-app和来处理workbox。我也尝试了其他策略，但workbox只使用其默认行为，并首先使用缓存进行响应。__precacheManifest);
workbox.routing.registerRoute("&
浏览 33提问于2019-07-16得票数 2
我使用workbox service worker来缓存图像和API响应，为它们创建自定义缓存。虽然我可以看到路由匹配，但我看不到响应存储在缓存中，然后由于缓存未命中，服务工作者正在从网络请求每个资源。我已经为服务工作者使用了workbox-webpack-plugin，并在其他文件中编写了自定义路由和缓存策略，然后将这些策略传递给插件配置。 同样，我的css和j
浏览 11提问于2019-01-04得票数 1
回答已采纳
我是个新手，一直在尝试将它与我的react应用程序集成。缓存工作正常，但似乎broadcastUpdate不会在文件内容更改时触发。这是在服务工作者中截取的代码： workbox.strategies.staleWhileRevalidate({ broadcastUpdate
浏览 1提问于2018-11-13得票数 0
1回答
我正在使用React，服务工作者被激活并缓存静态数据，直到现在一切都很正常 问题是，当我对站点进行更改并部署文件时，站点仍然显示旧版本，即之前缓存的版本。而且我必须清除网站的数据才能看到新版本，这是客户端不会做的:( 当我更新网站时，有没有办法刷新缓存？顺便说一句，我使用的是react附带的初始服务工作者(它使用"workbox")，并且我没有更改其中的任何内容。
浏览 26提问于2021-10-11得票数 0
回答已采纳
1回答
在我的服务工作者注册后，在第二次重新加载时，我能够缓存我想要做的响应，而不需要第二次刷新。我使用的是Workbox版本3，即使在使用了workbox.core.skipWaiting和workbox.core.clientsClaim之后，我也无法缓存我的数据，我对渐进式web应用程序和服务工作者还很陌生，如果有任何帮助，我们将非常感谢，以下是我为服务工作者提供的代码片段-
即使在使用wor
浏览 3提问于2019-04-10得票数 0
在安装期间，服务人员应：
在这个任务中，我和Webpack一起使用谷歌的工作箱。问题是:虽然服务工作者成功地缓存了所有Webpack资产(这告诉我，工作框基本上可以完成它应该做的事情)，但它并不等待异步API调用来缓存附加的远程资产。它们只是被忽略，没有缓存，也没有在网络中获取。这是我的服务工作者代
浏览 0提问于2018-08-02得票数 4
回答已采纳
我正在尝试从头开始创建一个React PWA。到目前为止，我的项目将缩小的文件输出到一个dist/js文件夹。 在我的服务工作者文件中，我使用Workbox来预缓存应用程序。/node_modules/workbox-sw/build/workbox-sw.js");
"./",
"./images
浏览 27提问于2019-06-03得票数 2
下一步，我已经在index.js中注册了我的服务工作者，我想它已经成功注册了。现在我的主要目标是为我们的API调用(Rails中的后端)提供一些离线缓存，这样当没有网络时，我可以为缓存的响应提供服务。要提供缓存的API响应，还需要做什么吗？当我使用Create react应用程序构建我的应用程序时，它所做的就是创建一个名为registerServiceWorker.js的文件，然后从index.js调用该文件。此外，我们正在构建的最终
浏览 2提问于2017-09-04得票数 1
1回答
我正在为我的站点使用vue-pwa，并且我在我的站点中调用的API目前正在使用NetworkFirst策略。现在，我希望以某种方式检测服务工作者是否缓存了从API接收到的响应(在这种情况下，我想知道缓存的响应有多长时间)，或者请求是否正常获取。目标是在用户正在查看可能过期的内容时显示警告(响应是从缓存加载的，并且超过几个小时)。__precacheManifest, {});
workbox.routing.registerRoute(/^
浏览 0提问于2021-03-05得票数 1
回答已采纳
我的一个客户要求他的Google MVC应用程序在离线模式下运行(没有互联网)，有人建议我应该使用Asp.Net Workbox。如果我能让我的应用程序在没有互联网的情况下工作，我有点困惑，因为它是一个动态的应用程序，我不认为Google Workbox能够在没有互联网连接的情况下渲染页面。有人能告诉我这是否可行吗？
浏览 27提问于2021-10-23得票数 1
当我只使用从工作箱中预缓存插件时，服务工作者尝试从indexdb而不是缓存(browser-cache)中获取。这就是预缓存的一切。skipWaiting: true,})importScripts("
浏览 6提问于2018-11-27得票数 0
我构建的服务器被重命名并移动到dist/sw.js，我使用http- service-worker.js为dist提供服务，以确保浏览器获取我的服务工作者。我注意到Angular有一种从ngsw-config.json构建服务工作者的方法。我没有采用这种方法，而是在没有Angular的情况下构建我的服务工作者，并在main.ts中注册它。在这种情况下，我需要使用ServiceWorkerModule在Angular中注册服务
浏览 11提问于2021-03-03得票数 0
回答已采纳
1回答
我增加了预缓存和以下路径： /\.css$/,);workbox.routing.registerRoute( new workbox.strategies.NetworkFirst()
workbox.routing.registerRoute:png|jpg|jpe
浏览 0提问于2020-01-23得票数 0
回答已采纳
我正在使用Workbox使CMS网站具备脱机功能。我有服务工人疯狂和预缓存网站页面，资产和离线页面。问题是，使用预缓存时，似乎无法在不修改服务工作线程的情况下更新缓存。在我的例子中，它是一个CMS，所以作者在更新站点内容时不会重新构建这个服务工作者。我假设我可以只使用StaleWhileRevalidate策略，但令我沮丧的是，没有办法为"precacheAndRoute()“或"precache()”和"
浏览 4提问于2020-02-22得票数 0
1回答
响应PWA不可安装
、、、
我正在制作一个带有React的应用程序，我想把它变成PWA，所以我遵循添加了自己的缓存规则。服务工作者工作，模板如下所示： if ('function' === typeof importScripts) {
没有检测到匹配的服务人员。您可能需要重新加载页面，或者检查当前页面的服务工作人
浏览 1提问于2020-05-15得票数 2
回答已采纳
1回答
我有一个会员网站，我想为登录用户创建缓存文件。如何才能使用？response.setHeader('X-Is-Cacheable', 'true')workbox.routing.registerRoute(
new RegExp('/path&
浏览 1提问于2018-03-27得票数 0
3回答
NUXT缓存API请求
、、、
我正在开发一个使用Nuxt的项目，我需要在15秒内更新数据15，api是一个第三方api，每天有100个api调用限制。$axios .then(function (response) { }) }, 我创建了一个中间件，我在服务器端做了
浏览 81提问于2020-09-30得票数 1
云服务器
ICP备案
云直播
对象存储
实时音视频
腾讯云开发者
