vue PWA如何使用预缓存?我仍然收到“页面无法离线运行”

问题描述 投票:0回答:1

我有一个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文件覆盖了服务工作程序。服务...

vue.js service-worker offline-caching
1个回答
0
投票

您需要在服务工作人员中添加此行。它愚弄了浏览器以为该页面可以脱机工作:

© www.soinside.com 2019 - 2024. All rights reserved.