Как решить проблему кеширования браузером SPA angular?

Question

[Bogopodoben]

Проблема такова. Есть фронтенд на локалке, который обновляется потом на сайт через git.
После обновления сайта, браузер не показывает изменения, необходимо ждать пару часов + ctrl-f5.

Необходимо, чтобы обновления сразу применялись или хотяб, за короткий промежуток времени без всяких принудительных обновления страницы.

P.S. Решение с css, js понятно. Пилить хеши (gulp-rev как пример для галпа).
Решение с шаблонами (html). Не понятно.

Answer 1

[Николай]

При сборке добавлять номер версии/хеш в имена файлов.

Comments

[Bogopodoben]

С css. js еще более менее понятно, Сейчас настраиваю gulp-rev. Но как быть с шаблонами? Они порой тоже не всегда применяются сразу.

[Николай]

Bogopodoben: вариантов 2: 1 - собирать шаблоны в js файл (небольшой оверхед при старте, но зато никаких подрузок темплейтов потом ну и проблема с кешем решается) 2 - поставить запрещающие кеш хедеры в веб сервере для html. Мне первый вариант больше нравится.

Answer 2

[Александр Аксентьев]

необходимо ждать пару часов

А вы терпеливый...

Меняйте путь к файлу при подключении на страницу после обновления.
app.js?1
app.js?2
app.js?3

Или используйте CloudFlare какой-нибудь где можно почистить по ссылке кеш.