如何使用SW Precache配置Cache然后网络？

文章/答案/技术大牛

发布

1回答

javascript、service-worker、progressive-web-apps、sw-precache

我只找到了两个可以接受这个插件的选项，那就是cacheFirst和networkFirst，但是我找不到缓存然后网络来获取更新的选项。urlPattern: /^https:\/\/mlm-s2-p\.mlstatic\.com/, options: { maxEntries: 1000, name: 'mercadolibr

浏览 28提问于2019-02-14得票数 0

1回答

使用配置了runtimeCaching的sw-precache不会加载sw-toolbox

gruntjs、service-worker、progressive-web-apps、sw-precache、sw-toolbox

根据sw-precache文档，包括sw-precache的运行时缓存配置，应该自己负责，包括动态内容的运行时缓存的sw-toolbox。我已经尝试在sw-precache的CLI和grunt-sw-precache中使用它。我对Grunt的配置如下：'sw-precache': {

浏览 17提问于2016-12-13得票数 1

1回答

我如何配置聚合物的白金-sw-*不缓存一个URL路径？

polymer、service-worker、hoodie

我如何配置聚合物的白金-sw-缓存或白金-sw-获取缓存所有的网址路径，除了/_api，这是胡迪的API的网址？我配置了一个白金-sw-fetch元素来处理/_api路径，然后配置了白金-sw-缓存来处理其余路径，如下所示： <em

浏览 3提问于2015-06-25得票数 4

回答已采纳

2回答

使用sw-toolbox进行吞咽

service-worker、progressive-web-apps、sw-precache、sw-toolbox

我读了很多关于sw-toolbox和sw-precache的教程。我的疑虑是：我正在使用gulp自动生成service-worker文件。所以我主要关心的是直接在gulp文件中为

浏览 9提问于2016-09-10得票数 2

回答已采纳

1回答

使用Google的sw方案构建的服务人员真的可以是networkFirst吗？

javascript、caching、service-worker、progressive-web-apps、sw-precache

此外，它将cache-control设置为max-age=0，当我推送新代码时，它将进行更新。问题：runtimeCaching: [{ urlPattern: /\&

浏览 0提问于2017-05-06得票数 9

1回答

使用创建-反应-应用程序和服务工作人员

react-snap

但是，它还建议，如果要使用CRA附带的默认服务工作人员，则需要进行更改。我的问题是--而且我是个新手--一个人必须要弹出来吗？我有点想让事情简单些。我唯一能找到这条线的地方是WebPack。

浏览 0提问于2019-04-12得票数 3

2回答

带有Service Worker问题的Angular模板缓存

angularjs、service-worker、sw-precache

我正在尝试使用sw-precache将服务工作者添加到我的项目中，以便它可以脱机使用。如果我连接到网络上，一切都会正常工作。当我离线时，对html资源(在模板缓存中)的请求失败，因为它似乎正在请求来自网络的路径。我是否需要添加一些东西到我的sw-precache配置中，以便让它遵循angular来处理html文件的检索？

浏览 30提问于2017-06-25得票数 0

回答已采纳

1回答

Workbox脱机模式仅适用于根路径

service-worker、progressive-web-apps、workbox、quasar-framework

所以我有一个问题，我找不到任何如何解决的信息。我使用的是带有webpack插件的workbox (但也尝试过使用webpack的离线插件)。

浏览 4提问于2018-09-13得票数 4

1回答

sw-precache推送通知侦听器

javascript、service-worker、sw-precache

我想创建我的第一个PWA应用程序，我想使用sw-precache。

浏览 0提问于2017-06-13得票数 1

回答已采纳

1回答

如何检查sw-toolbox urlPattern处理程序策略是否按设计工作？

webpack、service-worker、offline-caching、sw-precache、sw-toolbox

我正在使用sw-toolbox和sw-precache at runtime caching选项。但是当我访问url并在devtools中检查网络时，它显示缓存来自服务工作者，而不是首先来自网络(正如我所希望的)。也许我只是不明白这两个库是如何协同工作的。我目前的实现使用sw-precache来缓存我的整个webapp(非常小的webapp)，使用运行时缓存选项，我首先使用了一个带

浏览 23提问于2016-08-27得票数 0

1回答

使用服务工作者的预缓存静态文件

javascript、google-chrome、caching、service-worker、progressive-web-apps

我正在尝试使用服务工作者预缓存一些静态的应用程序shell文件。我不能使用‘’，因为我没有使用任何构建系统。然而，我尝试使用‘sw-工具箱’，但我不能使用它进行预缓存。self.addEventListener('install', function(event) { caches.open('gdvs-static').then(function(cachewebapp=true&#

浏览 2提问于2015-11-20得票数 2

回答已采纳

1回答

VueJS Firebase云消息传递

javascript、vue.js、firebase-cloud-messaging

我尝试使用FCM在我的vue应用程序中显示桌面通知所以我安装了sw-precache webpack-plugin，在dist文件夹中有service-worker.jssw-预缓存配置 cacheId: 'service-app',stripPrefix: 'dist/'

浏览 1提问于2017-11-01得票数 0

1回答

使用angularJs应用程序而不是缓存的sw-precache

angularjs、service-worker

我已经在生产中运行了一个有角度的应用程序，我正在尝试介绍使用sw-precache的服务人员。首先，我尝试对所有图像/字体和几个js文件进行预置，看看它是否有效，所以我的precache配置如下- "cacheId": "static-cache", 但是，当我加载应用程序并在网络</e

浏览 1提问于2017-06-02得票数 0

1回答

对Google OAuth端点的请求重定向到火狐中的空白页

firefox、caching、cookies、oauth-2.0

我已经在本地部署了一个React (CRA) + Node应用程序(使用create app构建脚本)，我用passportjs和cookieSession实现了Google cookieSession登录很好，但是当我注销，然后再尝试用谷歌 OAuth登录时，它就会将我重定向到一个空白页。我就是这样向google端点发出请求的：然后，这个端点

浏览 6提问于2022-09-27得票数 0

回答已采纳

1回答

在软件中缓存来自后端服务器的API和映像-使用gulp预缓存

javascript、angularjs、node.js、caching、sw-precache

我还是个新手，在我的应用程序中使用sw-precache和gulp。我已经创建了由angularjs完成的web应用程序，并从我们的后端nodejs应用程序中获取信息。在该应用程序中，我添加了sw-precache功能以使第一个应用程序离线。//myserver.com/images/img.jpg"}, {"id": 2, "img": "https://myserver.co

浏览 13提问于2017-05-15得票数 1

2回答

使用service worker缓存指向另一个页面的链接

javascript、html、caching、service-worker、progressive-web-apps

</h1> <a href="page2.html">this link to my second page!</a> if ('serviceWorker' in navigator) { navigator.serviceWorker.register('/sw.js</

浏览 2提问于2016-07-02得票数 5

1回答

服务人员:如何为每个新部署构建“新鲜”版本的网站？

polymer、service-worker、firebase-polymer、polymer-cli、sw-precache

我使用Polymer $ polymer build命令沿w/ Firebase Tools $ firebase deploy命令将更改推到Firebase宿主。无需硬刷新或使用隐名模式。在$ polymer build中处理此操作以配置sw-precache (不确定如何

浏览 3提问于2016-11-06得票数 5

回答已采纳

1回答

如何缓存托管或远程json文件以使应用程序脱机正常工作

javascript、angularjs、caching、sw-precache

这是一个使用angularjs和firebase的视频web应用。function() { };我使用该服务从sw-precache一样。所以我的问题是，无论如何都要捕获这个外部托管的json文件，以便在应用程序脱机时可以使用json数据。第二个问题也是关于使用

浏览 21提问于2016-09-03得票数 0

1回答

聚合物启动器套件中的白金-sw-浏览器缓存/本地存储中没有任何内容

polymer、polymer-1.0

使用聚合物起动机工具包，我有一个问题，让platinum-sw-register和platinum-sw-cache工作。当我在资源下面查看dev工具时，我没有看到本地存储、缓存等的键值。我取消了elements.html中的html导入，使用了index.html中的代码(减去烤面包机通知)，确保默认任务包含缓存配置。这是dist/cache-config.json {"cacheId":"wedding","

浏览 0提问于2016-05-10得票数 0

2回答

服务工作者和透明缓存更新

service-worker

我正试图为一个简单而又古老的Django网络应用程序安装一个ServiceWorker。我开始使用示例这很好，但并不理想，因为我想更新缓存，如果需要的话。使用一些服务器端逻辑来了解您显示的内容何时更新，然后更新您的服务工作人员以更改所执行的操作。例如，这就是sw-precache所做的。我没有sw precache所依赖的应用程序栈。第二，其他人更新将要显示的数据(这基本上是一个包含详细信息页面的东西列表)。我想试一试杰克·阿奇博尔德在他的中建议的“

浏览 2提问于2015-11-08得票数 5

回答已采纳

点击加载更多