我有一个vue应用程序,我已对其进行更新以具有PWA功能。它使用Firebase消息传递服务,该服务已使用其自己的firebase-messaging-sw.js文件覆盖了服务工作程序。服务工作者已注册,处于活动状态并且正在工作,我已在pue.config.js文件中添加了pwa,以便它生成manifest.json。当您构建应用程序的生产版本时,以下代码将添加到服务人员的顶部。
importScripts("precache-manifest.7b51ac9589a6dc8041a85d8f1792defa.js", "https://storage.googleapis.com/workbox-cdn/releases/4.3.1/workbox-sw.js");
从我看到的percache来看,它工作正常。
这足以使网站在离线模式下工作吗?
我需要自己添加一些缓存管理吗?
由于我仍然在Chrome的开发工具的“应用程序清单”标签下看到“页面无法离线工作”的错误信息,因此,我错过了什么?
我有一个vue应用程序,我已对其进行更新以具有PWA功能。它使用Firebase消息传递服务,该服务已使用其自己的firebase-messaging-sw.js文件覆盖了服务工作程序。服务...
您需要在服务工作人员中添加此行。它愚弄了浏览器以为该页面可以脱机工作: