javascript - 是什么导致 Failed to execute 'fetch' on 'ServiceWorkerGlobalScope' : 'only-if-cached' can be set only with 'same-origin' mode error?

Question

升级到 Chrome 64 后，我意识到在新标签页上加载页面时会出现此错误。

我无法确定它在 service worker 上的什么位置。这是我运行提取的代码:

self.addEventListener('fetch', function(event) {
   if (event.request.url.startsWith(self.location.origin)) {
       event.respondWith(
           caches.match(event.request).then(function(response) {
              return response || fetch(event.request).then(function(fetch_resp){
                  return fetch_resp;
              });
           })
       );
   }
});

这里有谁对 service worker 有更多的了解，可以帮我解决这个错误吗？

Answer 1

我相信这是一个已报告的 Chromium 错误 here .希望它会很快得到修复，或者会发布有关该问题的更多信息。

Paul Irish 实现了一个临时解决方案，如下所示:

if (e.request.cache === 'only-if-cached' && e.request.mode !== 'same-origin') {
  return;
}

我在服务 worker install 和 fetch 监听器的回调中运行了它，它阻止了错误。

你可以看到 full commit of Paul's code here .