Fetch API 和 Service Worker - 为什么在首次加载后未正确设置 Fetch 侦听器？

问题描述

我在 Service Worker 中有代码来创建假 API：

Brand<T,U>

然后我在我的代码中使用它：

self.addEventListener('fetch',event => {
  if (event.request.url.includes('apis')) {
    const response = getResponse(event.request);
    event.respondWith(new Promise(resolve => {
      setTimeout(() => resolve(response),3000);
    }));
  }
});

当我第一次启动页面时（例如在 CTRL + F5 刷新后）看起来事件侦听器设置不正确，我得到了 404 结果。然后当我再次刷新时，只需正确加载 F5 假数据。 你知道我的方法有什么问题吗？我认为服务工作者侦听器在按页面初始化后立即启动。无论我在页面加载后等待多长时间 - 当它使用 CTRL + F5 重新加载时，它不会设置侦听器。

我尝试过 const reloadPosts = async () => { const response = await fetch('apis'); const { posts } = await response.json(); // do something document.querySelector('#load').addEventListener('click',reloadPosts); 方法，但没有奏效：

claim

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

fetch fetch-api javascript service-worker