Как кэшировать изображения с angularjs

Question

Я работаю с веб-приложением angularjs. У меня есть боковая панель с изображениями. В моем локальном хосте эти изображения загружаются только один раз, потому что они кэшируются. Когда я нажимаю веб-приложение в Интернете, изображения не кэшируются, и каждый раз, когда я переключаюсь на другое состояние, перезагрузка изображений. Есть ли способ кэшировать изображения в angularjs без добавления дополнительных заголовков на сервер.

Answer 1

Вы можете загрузить изображения from a CDN; если заголовки истечения были правильно настроены на CDN, использование CDN позволяет кэшировать изображения и удовлетворять требованиям ваших вопросов до , а не настроить заголовки истечения срока действия. Это должно резко увеличить скорость загрузки изображений.

Если вы все еще не получаете результатов, даже после того, как вы установили CDN для обслуживания статического содержимого, я бы удостоверился, что поданные имена файлов не имеют какого-то URL-адреса, искажающего кеш, который заставляет новое изображение для загрузки каждый раз (источник будет выглядеть примерно так: «../path/to/image.png?23someRand0mString». И большинство инструментов браузера отключает кеширование, когда инструменты разработчика открыты (или, по крайней мере, у них есть настройка), поэтому убедитесь, что они не являются, которые кэшируются; изображения должны быть кэшированы по умолчанию в большинстве конфигураций управляемого сервера.