靜態資源快取怎麼做？

前言

很難得一天發兩篇文，還都不是我的本業文（算了我也不是第一天不務正業

總之後端反應為什麼前端會重複下載靜態資源，請我去查（乾～這又關前端什麼事

我再度拿我的專案去問gemini-cli，他給我的檢查方式是看network，靜態資源檔的size，如果顯示為disk cache或memory cache，那就是正常快取，如果為容量，那就是沒有快取（我以為是看status301，問了才知道301是轉址，好在不是問維運不然一定被嗆爆

這邊有個要注意的點，注意network頁的disabled cache不要打勾，不然你永遠看不到快取（我就這樣犯傻浪費了些時間

以下這張圖就是有拿到快取

假設沒有快取，如果你想在nginx上設置，可以加上以下配置，時間可以自訂

location ~* \.(jpg|jpeg|gif|png|svg|ico|webp)$ {

# 快取有效期設為一天

expires 1d;

# 明確設定 Cache-Control 標頭

# public: 可被任何快取（包括 CDN 和代理伺服器）快取

# immutable: 告訴瀏覽器這個檔案內容絕對不會改變，不需要為了驗證而重新發送請求

add_header Cache-Control "public, max-age=86400, immutable";

# 可選：關閉這個 location 的存取日誌，減少 I/O

access_log off;

}

這樣應該就可以做到一天快取

小結

結果在我們站上，我把nginx設定拉掉，快取還是在啊，強烈懷疑那位後端把disabled cache打溝了，但我沒有證據......好拉快點讓我下班吧＝＝