服务工作者获取事件未列出根索引。html

Question

我在列出索引时遇到问题。my service worker获取事件中的html文档。因此，如果我打开一个新选项卡并转到我的开发服务器，我会在ServiceWorkerFetchEventListener中看到作为请求URL列出的文档。

self.addEventListener("fetch", e => {
  console.log(e.request.url);
});

这是输出

好的，一切按计划进行。但是当我刷新页面时，我看不到根请求或“/”作为索引。html。

我正在做什么。我已经在服务器上添加了一个中间件，以确保浏览器不会缓存根文件

app.use((req, res, next) => {
  if (req.url === "/") {
    res.header("Cache-Control", "no-cache, no-store, must-revalidate");
    res.header("Pragma", "no-cache");
    res.header("Expires", 0);
  }

  next();
});

我快发疯了，因为我不明白发生了什么事。有人能帮我吗？

Answer 1

由于请求/index，您可能会遇到问题。html（或/）是一个导航，浏览器的开发工具会在导航后重置控制台日志消息。

在Chrome的DevTools中，我建议转到网络选项卡，并选中此处的“保留日志”框：