サービスワーカーがサポートされていないキャッシュバスト

Question

サービスワーカーを管理するのにsw-precacheとsw-toolboxを使用しています。ときに、サービスキャッシュを無効化で私を助け者がファイルを

var precacheConfig = [["public/asset/build/css/m_college.min.css","8d9b0e69820ba2fab83c45e2884bd61f"] 

ハッシュとしてゴクゴクのタスクを実行している上のサービス労働者にそれを追加取得にさんは私が

staticFileGlobs: ['public/asset/build/css/m_index.min.css'] 

をキャッシュしたいCSSファイルを持っているとしましょう労働者が登録されている。すべて正常に動作します。

ここで、特定のPC、ユーザー、またはブラウザがサービスワーカーを登録できず、ファイルがネットワークを介して毎回サービス担当者に提供される状況を考えてみましょう。この場合、ファイルはデフォルトでキャッシュ破棄が行われないため、ブラウザのメモリに格納されます。また、開発者がファイルを更新した後でも、古いファイルをそのユーザーに提供する可能性があります。

このシナリオをどのように処理するのですか？

Answer 1

答えを探している人にとっては、簡単な解決策があります.COOKIESです。

何かが失敗した場合にクッキーを登録しようとしているときに、クッキーを設定しています。ファイルを送信する前にバックエンドで読み取ることができる以上のクッキー クッキーが設定されていない場合、キャッシュワーストを行わずにファイルをロードするか、最後にキャッシュバスターを追加してサービスワーカーが実行されていないブラウザキャッシングを防止します。

クッキーはフロントエンドとバックエンドの両方で直接アクセスできるため、

Answer 2

私はEtag応答ヘッダー（https://developer.mozilla.org/en/docs/Web/HTTP/Headers/ETag）を使用して、ユーザーのために古い資産を読み込まないようにします。