フロントエンドキャッシュの問題の解決
671 ワード
vue-cli
のデフォルト構成では、cssとjsの名前にハッシュ値が加算されているため、新しいバージョンcss
、js
と古いバージョンの名前は異なり、キャッシュの問題はありません.ただし、パッケージ化されたindex.html
をサーバに格納する場合、index.html
はサーバ側でキャッシュされている可能性があります.これは、サーバがキャッシュされないように構成する必要があります.index.html
は、nginx
がキャッシュされないように構成されています.location = /index.html {
add_headerCache-Control"no-cache,no-store";
}
index.html
、no-cache
はただ1つのno-store
ブラウザがキャッシュすることを設置することができて、しかしページを更新してあるいは再び開く時サーバーを要求することができて、サーバーは304に応答することができて、もしファイルが変更するならば200 no-cache
ブラウザがキャッシュしないことに応答して、ページを更新して再びページをダウンロードする必要があります