离线时 start_url 不会响应 200：start_url 确实响应

Question

我正在创建一个与 Service Worker 一起离线工作的 PWA。目前它工作正常，但 Lighthouse Audit 存在问题。当我运行 Lighthouse 时，在 PWA 部分中出现以下问题： start_url 离线时不响应 200 start_url 确实响应，但不是通过服务工作人员。即使有其他审核表明我已成功安装了 Service Worker，我如何通过该审核？

Answer 1

相关代码在这里：

caches.open(CACHE_NAME).then((cache) => {

  return fetch(evt.request)

您正在打开缓存，但没有使用缓存的响应，并且请求将转发到网络：

使用类似这样的东西：

caches.open(CACHE_NAME).then(cache => {

  return cache.match(evt.request).then(cacheResponse => cacheResponse || fetch(evt.request).then(networkResponse => {

  cache.put(evt.request, networkResponse.clone());

  return networkResponse;

}));

Answer 2

为了防止您遇到此问题，Lighthouse 中有一个错误已在 Chrome 版本 89 中修复。