フロントエンドはhttpキャッシュを設定し、フロントエンドはhtmlページキャッシュメソッドを設定します。静的なhtmlページは、有効期限とHTTP METAによるキャッシュ制御を使用するようにキャッシュを設定する必要があります
-
< meta http-equiv = "Cache-Control" content = "max-age = 7200" />
-
< meta http-equiv = "Expires" content = "2013年7月20日月曜日23:00:00 GMT" />
キャッシュ制御:|| no-cache || no-store || max-age
1.no-cache:
表面とは「データコンテンツはキャッシュされない」ことを意味し、実際のデータはローカルにキャッシュされますが、ブラウザーの解釈が異なるため、キャッシュのリンクをバイパスし、リクエストのたびにサーバーから最新のリソースを直接リクエストするだけです。
たとえば、no-cacheを設定した後、つまり、リクエストは直接キャッシュを使用しませんが、キャッシュデータとサーバーデータを使用して一貫性を検出します(つまり、キャッシュが使用される可能性があります)。
Firefoxはno-cacheの存在を完全に無視します。詳細な説明についてはno-storeを参照してください。2.店舗なし:
この要求の応答部分を保存しないようにキャッシュに指示します。キャッシュなしと比較して、1つはキャッシュを使用せず、もう1つはキャッシュを保存しません。論理的には、この設定はより大まかなものであり、キャッシュを直接無効にします。
ただし、ブラウザ間の違いは特に大きく、通常、このフィールドは設定に直接使用されませんが、ストアが設定されていないため、キャッシュが悪意を持って変更され、ストレージパスが原因で情報が漏洩するのを防ぎます。
結局、それは用途があります。Firefoxでは、キャッシュはファイルをローカルにキャッシュコピーとして保存することで実現されます。no-cacheを直接使用することは無効です。no-store設定を追加すると、no-cacheで役割を果たすことができます。同じ効果;
すなわち:cache-control:no-cache、no-store; http1.1バージョンをサポートする主要なブラウザがキャッシュなしで復帰および更新することを保証できます。
さらに、Pragma:no-cacheは互換性のあるバージョン1.0に設定できます(ただし、一貫性テストを防ぐために、以下に示すように、一貫性テストのコンテンツを追加することをお勧めします)。
3.max-age:
たとえば、Cache-control:max-age = 3;これは、このリクエストが成功してから3秒以内に同じリクエストが送信された場合、サーバーに再リクエストせずにローカルキャッシュを使用することを意味します。同様に、max-age = 0を設定すると、キャッシュはすぐに破棄されますリクエストをサーバーに直接送信する
次のコンテンツは次から取得されます:http : //www.runoob.com/tags/att-meta-http-equiv.html
HTML <meta> http-equiv属性
<meta http-equiv = "refresh" content = "30">
</ head>