首頁 >web前端 >js教程 >CSS/JS 檔案附加查詢參數如何實現快取清除?

CSS/JS 檔案附加查詢參數如何實現快取清除?

Patricia Arquette
Patricia Arquette原創
2024-12-09 03:34:09885瀏覽

How Does Appending Query Parameters to CSS/JS Files Achieve Cache Busting?

透過附加查詢參數進行快取清除

為了在生產部署期間增強快取策略,實現快取清除至關重要。一種方法是將查詢參數附加到包含當前版本號的CSS 和JS 檔案:

<link rel="stylesheet" href="base_url.com/file.css?v=1.123"/>

這種方法在部署時有效地破壞了緩存,因為瀏覽器將參數視為新路徑,從而觸發新的載入來自伺服器而不是依賴快取的內容。

但是,重要的是要考慮參數本身是否會影響快取行為。查詢參數?v=1.123表示查詢字串,通常表示唯一的資源。因此,瀏覽器可能會假設使用此參數檢索的內容是動態的,不應快取。

幸運的是,情況並非如此。瀏覽器會辨識出在具有相同參數值(例如,?v=1.123)的後續請求中來源保持不變。因此,只要版本號不變,就會根據該參數繼續快取內容。這可確保內容保持快取狀態,直到部署由更新的參數值(例如?v=1.124)識別的新版本。

以上是CSS/JS 檔案附加查詢參數如何實現快取清除?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn