PWA中fetch拦截不生效是怎么回事？

我在写一个PWA应用，想用Service Worker拦截网络请求做缓存，但发现fetch事件根本没触发。注册了SW也成功了，但页面请求还是直接走网络，没进self.addEventListener(‘fetch’)的回调里。

是不是我哪里配置错了？下面是我的service worker注册代码：

<script>
if ('serviceWorker' in navigator) {
  window.addEventListener('load', () => {
    navigator.serviceWorker.register('/sw.js')
      .then(reg => console.log('SW registered:', reg))
      .catch(err => console.log('SW failed:', err));
  });
}
</script>