[toc] ### 什么是http緩存 瀏覽器緩存是瀏覽器對之前請求過的文件進行緩存，以便下一次訪問時重復使用，節省帶寬，提高訪問速度，降低服務器壓力 主要在http響應頭 response headers中設定 ### 強制緩存 服務器在http的響應頭中添加Cache-Control，設置一個max-age表示緩存時間，單位為秒 ```js Expires: 過期時間 Cache-Control: max-age 秒 // no-cache：強制不適用緩存，發送請求; no-store: 強制不在本地緩存 ``` ### 協商緩存(對比緩存) 服務端的緩存策略 第一次：瀏覽器發送請求時，服務器返回資源+資源標識，瀏覽器把返回資源存入本地緩存 第二次：瀏覽器發送請求時同時發送緩存的資源標識，服務器會判斷瀏覽器中資源版本和服務器中的版本是否一致，如果一致，那么服務器會返回304的狀態碼，瀏覽器直接從緩存中獲取資源，如果不一致，服務器再返回最新的資源 + 服務器返回的資源標識 response headers ```js Last-Modified: 資源上一次的修改時間 ETag: 資源對應的唯一字符串，etag更精確 ``` + 瀏覽器請求的標識 request headers ```js If-Modified-Since：其實就是服務器返回的last-modified修改時間，精確到秒 If-None-Match: 就是服務器返回的 ETag ```