使用Apache 防止伺服器端CSS 檔案快取

開發網站時，確保訪客存取最新版本至關重要用於防止快取問題的CSS 文件。本文解決了 Apache 是否快取資源的問題，並提供了防止其這樣做的解決方案，特別是遇到儘管重新載入頁面但 CSS 變更未反映在瀏覽器中的場景時。

是Apache 真的會快取資源嗎？

是的，Apache 可以快取 CSS 檔案等資源，以提高頁面載入時間。此行為主要由 mod_expires 模組控制，該模組指定不同檔案類型的到期日期。若要檢查 Apache 是否在伺服器上快取 CSS 文件，可以使用以下步驟：

1. 開啟命令提示字元或終端機視窗。
2. 導覽至 Apache 設定目錄（通常/etc/apache2).
3. 編輯public_html目錄下的.htaccess檔。
4. 加入以下內容代碼：

ExpiresActive On
ExpiresDefault "access plus 0 seconds"
ExpiresByType text/css "access plus 0 seconds"

5. 儲存檔案並重新啟動Apache。
6. 開啟瀏覽器並重新整理頁面。如果 CSS 檔案已更新，您應該立即看到變更。

如何阻止 Apache 快取 CSS 檔案？

阻止 Apache 快取CSS 文件，您可以將 CSS 文件的過期日期設定為較短的持續時間，例如零秒。透過這樣做，瀏覽器將始終從伺服器取得最新版本的 CSS 文件，而不是使用快取的版本。操作方法如下：

1. 在 public_html 目錄中找到 .htaccess 檔案。
2. 新增以下行：

ExpiresByType text/css "access plus 0 seconds"

3. 儲存檔案並重新啟動Apache.

或者，您可以使用查詢字串強制瀏覽器在每次請求時重新載入CSS 檔案。例如，您可以將CSS 連結變更為以下內容：

更新CSS 檔案時，增加v 參數的值以強制重新載入。