KOAフレームワークでヘッダーキャッシュ制御を設定する

ケニー・ジョンソン

KOAフレームワークで構築されたアプリを使用しています。私は開発者ではありませんが、ページがキャッシュされている理由を理解する必要があります。すべてのブラウザで、ハードリロードでも機能しません。ページの更新を確認するには、文字通りキャッシュをクリアする必要があります。

これをindex.jsに追加したいのですが、どこに行を追加すればよいかわかりません。

誰か助けてもらえますか?

ctx.set( 'Cache-Control'、 'no-cache');

各ページのヘッダーをキャッシュしないように設定するようにKOAに指示したいと思います。

セバスチャンヒルデブラント

すべてのリクエストにヘッダーを適用するには、ミドルウェア関数(サーバー側)を作成する必要があります

// set header function
function setNoCacheHeaders(ctx) {
  ctx.set('Cache-Control', 'no-store, no-cache, must-revalidate')
  ctx.set('Pragma', 'no-cache')
  ctx.set('Expires', 0)
}

// Middleware that adds the header to all requests
app.use(async (ctx, next) => {
    await next()
    setNoCacheHeaders(ctx)
})

それが役立つことを願っています...

もう1つの注意:(ブラウザ-)キャッシュされたJavaScriptファイルに問題がある場合は、クエリパラメータとしてバージョン文字列または乱数を使用してリクエストすることで強制できます。このようなものはあなたのjavascript (クライアント側)を強制的にリロードすることができます

<script type="text/javascript">
    document.write('<scr'+'ipt src="/js/file.js?'+Math.random()+'" type="text/javascript"></scr'+'ipt>');
</script>

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事

分類Dev

nextjsデフォルトサーバーで提供される静的ファイルのキャッシュ制御ヘッダーを設定する

分類Dev

キャッシュ制御ヘッダーの設定

分類Dev

HTTPヘッダーを設定する方法(キャッシュ制御用)?

分類Dev

なぜリクエストのHTTPヘッダーをキャッシュ制御するのですか?

分類Dev

キャッシュ制御ヘッダーのキャッシュなしを削除する方法

分類Dev

Nginxキャッシングがキャッシュ制御ヘッダーを尊重するようにする

分類Dev

Express.js:webpackにバンドルされている静的アセットのキャッシュ制御ヘッダーを設定します

分類Dev

Service Workerを使用している場合でも、キャッシュ制御ヘッダーが必要ですか?

分類Dev

aspxページのキャッシュ制御を設定する

分類Dev

ファイルダウンロードのキャッシュ制御設定を変更する可能性があるのは何ですか?

分類Dev

RESTEasyクライアントフレームワークでHTTPヘッダーを設定する方法

分類Dev

Cyberduck でキャッシュの Expires ヘッダーを S3 ファイルに設定する

分類Dev

AlamoFireはキャッシュ制御ヘッダーを無視します

分類Dev

選択したファイルに対してのみ特定のキャッシュ制御ヘッダーを定義する

分類Dev

キャッシュ制御をパブリックに設定すると、プライベートキャッシュが防止されますか?

分類Dev

S3パスと有効なキーとシークレットがある場合、オブジェクトのキャッシュ制御ヘッダーを更新するにはどうすればよいですか?

分類Dev

ヘッダーキャッシュ制御:キャッシュなし

分類Dev

応答ヘッダーのキャッシュ制御

分類Dev

画像キャッシュ制御のためのFirefox開発者コンソール(ネットワークタブ)の「応答ヘッダー」と「要求ヘッダー」の違いを理解する

分類Dev

キャッシュ制御ヘッダーと条件付きリクエスト

分類Dev

CloudFlareで尊重されないキャッシュ制御ヘッダー

分類Dev

Slimv3がキャッシュ制御ヘッダーを複製

分類Dev

プロキシインターフェイスを使用してRestEasyクライアントフレームワークで「Content-type」ヘッダーを設定するにはどうすればよいですか?

分類Dev

Phoenix Framework でブラウザ キャッシュと有効期限ヘッダーを設定する方法は?

分類Dev

シャイニーダッシュボードでタイトル/ヘッダーを設定する

分類Dev

SymfonyHTTPキャッシュ-制御ヘッダーのオーバーライド

分類Dev

ビューからフラスコキャッシュを制御する

分類Dev

DjangoRESTフレームワークでHTTP_405_METHOD_NOT_ALLOWEDステータスコードのAllowヘッダーを正しく設定する方法

分類Dev

キャッシュ-ブラウザにキャッシュを強制しない応答ヘッダーを制御します

Related 関連記事

  1. 1

    nextjsデフォルトサーバーで提供される静的ファイルのキャッシュ制御ヘッダーを設定する

  2. 2

    キャッシュ制御ヘッダーの設定

  3. 3

    HTTPヘッダーを設定する方法(キャッシュ制御用)?

  4. 4

    なぜリクエストのHTTPヘッダーをキャッシュ制御するのですか?

  5. 5

    キャッシュ制御ヘッダーのキャッシュなしを削除する方法

  6. 6

    Nginxキャッシングがキャッシュ制御ヘッダーを尊重するようにする

  7. 7

    Express.js:webpackにバンドルされている静的アセットのキャッシュ制御ヘッダーを設定します

  8. 8

    Service Workerを使用している場合でも、キャッシュ制御ヘッダーが必要ですか?

  9. 9

    aspxページのキャッシュ制御を設定する

  10. 10

    ファイルダウンロードのキャッシュ制御設定を変更する可能性があるのは何ですか?

  11. 11

    RESTEasyクライアントフレームワークでHTTPヘッダーを設定する方法

  12. 12

    Cyberduck でキャッシュの Expires ヘッダーを S3 ファイルに設定する

  13. 13

    AlamoFireはキャッシュ制御ヘッダーを無視します

  14. 14

    選択したファイルに対してのみ特定のキャッシュ制御ヘッダーを定義する

  15. 15

    キャッシュ制御をパブリックに設定すると、プライベートキャッシュが防止されますか?

  16. 16

    S3パスと有効なキーとシークレットがある場合、オブジェクトのキャッシュ制御ヘッダーを更新するにはどうすればよいですか?

  17. 17

    ヘッダーキャッシュ制御:キャッシュなし

  18. 18

    応答ヘッダーのキャッシュ制御

  19. 19

    画像キャッシュ制御のためのFirefox開発者コンソール(ネットワークタブ)の「応答ヘッダー」と「要求ヘッダー」の違いを理解する

  20. 20

    キャッシュ制御ヘッダーと条件付きリクエスト

  21. 21

    CloudFlareで尊重されないキャッシュ制御ヘッダー

  22. 22

    Slimv3がキャッシュ制御ヘッダーを複製

  23. 23

    プロキシインターフェイスを使用してRestEasyクライアントフレームワークで「Content-type」ヘッダーを設定するにはどうすればよいですか?

  24. 24

    Phoenix Framework でブラウザ キャッシュと有効期限ヘッダーを設定する方法は?

  25. 25

    シャイニーダッシュボードでタイトル/ヘッダーを設定する

  26. 26

    SymfonyHTTPキャッシュ-制御ヘッダーのオーバーライド

  27. 27

    ビューからフラスコキャッシュを制御する

  28. 28

    DjangoRESTフレームワークでHTTP_405_METHOD_NOT_ALLOWEDステータスコードのAllowヘッダーを正しく設定する方法

  29. 29

    キャッシュ-ブラウザにキャッシュを強制しない応答ヘッダーを制御します

ホットタグ

アーカイブ