フロントエンドキャッシュの問題の解決

671 ワード

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