javascript - Service Worker 事件监听器 - fetch

Question

我通过下面的代码创建了一个服务 worker :

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);
    });
  });
}

并得到很好的答案，事件“install”在 sw.js 中发出，但事件“fetch”从不发出。

我使用带有 80 (http) 端口的 http-server (node js)，我在 DevTools Chrome 和 http-server 的控制台中看到了我的请求，但我的服务工作人员没有发出任何请求。

我的服务人员代码:

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 协议(protocol)运行，但 http-server 创建一个 http 服务器