服务工作者获取事件未列出根 index.html

琼森

我在我的 service worker fetch 事件中列出 index.html 文档时遇到问题。因此,如果我打开一个新选项卡并转到我的开发服务器,我会在 service worker fetch 事件侦听器中看到作为请求 URL 列出的文档。

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

这是输出

在此处输入图片说明

好的,一切都按计划进行。但是当我刷新页面时,我没有看到 index.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();
});

所以这里是第一次刷新后的输出 在此处输入图片说明

我快疯了,因为我无法理解发生了什么。有谁可以帮助我吗?

杰夫波斯尼克

由于请求/index.html(或/)为导航,并且浏览器的 DevTools 在导航后重置控制台日志消息,您可能会遇到问题。

在 Chrome 的 DevTools 中,我建议转到“网络”选项卡,并在那里选中“保留日志”框:

Chrome 的网络面板,选中“保留日志”

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

在服务工作者中服务之前,可以编辑缓存的index.html吗?

从create-react-app中的服务工作者缓存中排除index.html

从main.js文件或index.html调用服务工作者是否正确?

Vue CLI 4 - 清单中的 PWA 插件预缓存无法获取 index.html 并且未注册服务工作者

“服务工作者”是否支持离线HTML表单数据?

持久服务工作者和缓存 HTML 和 PNG 文件

服务工作者获取事件未触发

notificationclick事件服务工作者

在服务工作者中添加图像和CSS文件以及HTML文件以进行离线缓存

为什么404.html在服务工作者缓存期间导致未捕获的错误?

具有动态值的Angular index.html | 网络工作者

服务工作者在第一次加载时获取事件

嵌套获取服务工作者中的响应

服务工作者缓存与 VuexPersistence

如何卸载服务工作者?

服务工作者中的XMLHttpRequest

如何列出服务工作者已经存储在浏览器缓存中的博客帖子?

提供服务,无需index.html

Crystal-lang服务index.html

服务工作者中是否可能发生自定义事件?

事件处理程序外部的服务工作者中的代码什么时候运行?

PWA-服务工作者(反应)如何工作?

服务工作者不在离线工作

服务工作者,它是如何工作的?

Node JS 服务器,无法获取 index.html

在注册服务工作者之前尝试运行获取功能。

通过http的服务工作者:获取脚本时发生SSL证书错误

Javascript服务工作者:从缓存中获取资源,但也进行更新

服务工作者可以获取和缓存跨域资产吗?