如何使用angularjs緩存圖像

Question

我正在使用angularjs web應用程序。我有一個圖像邊欄。在我的本地主機上，這些圖像只加載一次，因爲它們被緩存。當我將Web應用程序推送到Web時，圖像不會被緩存，每次切換到另一個狀態時，圖像都會重新加載。有沒有辦法在angularjs中緩存圖像，而無需向服務器添加額外的標頭。

Answer 1

您可以加載圖片from a CDN;如果過期頭文件在CDN上正確設置，則使用CDN可以讓您的映像緩存並滿足您的問題要求至而不是設置您的過期頭文件。這應該大大提高圖像加載的速度。

如果你仍然沒有得到結果，即使你已經設置了一個CDN來提供靜態內容，我會確保被提供的文件名沒有某種強制新圖像的緩存清除url每次下載（源代碼看起來像「../path/to/image.png?23someRand0mString」），當開發工具打開（或至少它們有設置）時，大多數瀏覽器的開發工具會關閉緩存，因此請驗證它們是否緩存了;您的在大多數託管服務器配置中圖像應該被默認緩存。