服务工作者事件监听器 - 获取

Question

我通过下一个代码创建了一个服务工作者：

if ('serviceWorker' in navigator) {
  window.addEventListener('load', function() {
    navigator.serviceWorker.register('/sw.js').then(function(registration) {
      console.log('ServiceWorker registration successful with scope: ', registration.scope);
    }).catch(function(err) {
      console.log('ServiceWorker registration failed: ', err);
    });
  });
}

并得到很好的答案，并且事件“安装”在 sw.js 中发出正常，但事件“获取”从不发出。

我使用带有 80 (http) 端口的 http-server (node js)，我在 DevTools Chrome 和来自 http-server 的控制台中看到了我的请求，但我的 service worker 没有发出任何请求。

我的服务工作者代码：

self.addEventListener('install', () => {
    console.log("event - install"); // OK
});

self.addEventListener("fetch", (e) => {
    console.log("A"); // BAD
    return e.request;
});

我在正文的末尾使用了这段代码

setTimeout(() => {
  alert("S");
  fetch("/svg.svg", {
    method: "GET"
  });
}, 10000);

Answer 1

serviceworker 必须在 https 协议下运行，但 http-server 创建一个 http 服务器

Answer 2

好的，我决定我的问题。我忘记删除 DevTools（在“网络”选项卡中）Chrome 中的“禁用缓存”选项，我昨天使用了这个选项。