如何解决PWA 离线时 Lighthouse start_url 不响应 200
在运行 Lighthouse 审核后,我收到与我的 PWA 的服务工作线程相关的以下错误。
离线时 Start_url 不响应 200 start_url 确实响应了,但不是通过服务工作者响应。
我该如何解决这个问题!?我的服务人员如下:
const staticCacheName = 'site-static-v12.13';
const dynamicCache = 'dynamicCache-v12.13';
const assets = [
'/',];
// install service event
self.addEventListener('install',evt => {
// console.log('Service worker is installed');
evt.waitUntil(
caches.open(staticCacheName).then(cache => {
console.log('caching shell assets');
cache.addAll(assets);
})
);
});
// activate service worker
self.addEventListener('activate',evt => {
// console.log('SW is activated');
evt.waitUntil(
caches.keys().then(keys => {
return Promise.all(keys
.filter(key => key !== staticCacheName)
.map(key => caches.delete(key))
)
})
);
});
// Fetch Events
self.addEventListener('fetch',evt => {
// console.log('fetch event,evt');
evt.respondWith(
caches.match(evt.request).then(cacheRes => {
return cacheRes || fetch(evt.request).then(fetchRes => {
return caches.open(dynamicCache).then(cache => {
cache.put(evt.request.url,fetchRes.clone());
return fetchRes;
})
});
})
);
});
请注意,我的 manifest.json 文件也包含一个 "start_url": "/"
。
欢迎任何帮助。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。