Service Worker fetch 不发出网络请求答案

【问题标题】：Service worker fetch does not make network requestService Worker fetch 不发出网络请求
【发布时间】：2017-10-18 20:15:53
【问题描述】：

非常简单的案例。我正在尝试进行网络优先缓存，因为内容是可变的。然而，服务工作者似乎从磁盘缓存而不是网络提供服务。它甚至似乎没有与服务器检查更新（在 Chromium 中）。请参阅随附的屏幕截图。

这是我的页面：

<html>
  <body>
    <script>
      function printFile() {
        fetch('file.txt').then(resp => resp.text()).then(x => console.log(x));
      }

      if ('serviceWorker' in navigator) {
        navigator.serviceWorker.register('sw.js')
          .then(function(reg) {
            // registration worked
            console.log('Registration succeeded. Scope is ' + reg.scope);

            navigator.serviceWorker.ready.then(printFile);
          }).catch(function(error) {
            // registration failed
            console.log('Registration failed with ' + error);
          });
      }
    </script>
  </body>
</html>

和服务人员：

self.addEventListener('install', function(event) {
  event.waitUntil(self.skipWaiting());
});

self.addEventListener('activate', function(event) {
  event.waitUntil(self.clients.claim());
});

self.addEventListener('fetch', function(event) {
  console.log('Fetching ' + event.request.url);
  event.respondWith(
    fetch(event.request)
  );
});

如何强制我的 Service Worker 向服务器发出请求以获取 file.txt 的新副本？

【问题讨论】：

标签： service-worker

【解决方案1】：

啊，显然获取首先通过常规浏览缓存。对此的解决方案已发布在Jaffa's excellent guide

【讨论】：