問題タブ [service-worker-events]

MDN のドキュメントには次のように記載されていますが、Service Worker 内の fetch イベントがリクエスト ヘッダーを受信して​​いないようです。

FetchEvent によって返される Request オブジェクトのパラメーターを呼び出すことにより、各要求に関する多くの情報を取得できます。

event.request.url
event.request.method
event.request.headers
event.request.body

メインスレッドからリソースを取得するためのコード:

SW ファイル内のイベント ハンドラをフェッチします。

すべてのフェッチ イベントのヘッダーをログに記録すると、空のオブジェクトが得られます。

ヘッダー {}

これにより、これら 2 つのヘッダーのみを必要とするこの特定のリクエストをキャッシュすることができなくなります。資格情報は必要ありません。何か不足していますか？

ホームページ (つまり、ホームページなど) のリクエストをインターセプトするようにService Workerをセットアップしようとしていますwww.mywebsite.com/。これにより、代わりにキャッシュされたテンプレートを返すことができます。私のコードはこれまでのところ次のようになります。

main.js:

sw.js:

/main.jsリソースのリクエストに対して発生するイベント（またはなど）を実際に検出しているため、Service Workerが正しくセットアップされていると確信しています/myimage.png。ただし、問題は、ルート自体を要求するためのイベント ( ) を発生させたいのに、リソースのイベントだけが発生することです。/何か見逃しているのでしょうか、それとも別のイベントをリッスンする必要がありますか?

ありがとう