Как запретить кэширование index.html?

Question

[ski28]

У меня проект на vue3. После загрузки обновы на сервер у пользователя всё ещё остаётся старая версия. Возможно ли сделать так что-бы index страница не кэшировалась и всегда загружать с сервера?

Comments

[Dmitry Bay]

добавьте к загружаемому файлу js
?version=x

И при каждом билде - обновляйте версию.

[Сергей delphinpro]

Dmitry Bay, по умолчанию сборщик и так генерирует имена ассетов с хешем, типа app.abcdef.js

[Dmitry Bay]

Значит не генерирует, логично же?

[Aetae]

Dmitry Bay, index.html без хэша, лол. И именно он у юзера закэширован, со ссылками на старые либы.

ski28, самый простой и тупой вариант - класть файлик version с номером версии и пинговать его с клиента постоянно: если изменилась версия - выводить юзеру уведомление вида

"Доступно обновление, требуется <a @click="location.reload()">перезагрузить страницу</a>."

Такое уведомление, а не сразу перегруз, нужно, чтоб юзер сохранил что мог.

Дальше только правильно кэш настроить - чтоб перегруз действительно перегружал, тут уж гуглите параметры кэша вашего конкретного сервера.

[ski28]

Dmitry Bay, новые имена скриптов и так создаются каждый раз при сборке. Проблема в том что список скриптов храниться в index а он закеширован

[ski28]

Сергей delphinpro, да. Но index.html весит в кэше у пользователя и нечего не знает про новые файлы

[ski28]

Aetae, я сейчас так и делаю, но хотелось - что бы index.html всегда запрашивался с сервера новый. А в нём уже список скриптов которые могут быть у пользователя.

[Сергей delphinpro]

ski28, может стоит посмотреть что там за настройки кэширования в вашем сервере. По умолчанию так быть не должно.

[ski28]

Сергей delphinpro, ngnix настроен дефолтно. Него связанное с кэш не добавлял

[ski28]

Я заметил что сам документ загружен через service worker , может там что настроить можно ?

[Aetae]

ski28, очевидно что воркер правильно настроен должен быть. Воркер - это полностью контролируемый тобой кэш. Копай сам как у тебя там что настроено для индекса.

но хотелось - что бы index.html всегда запрашивался с сервера новый.

По умолчанию так и должно быть. Если нет - это вы что-то где-то сломали.
Если конечно под "всегда" вы подразумеваете первый заход на сайт и обновление действием браузера. Если имеется ввиду также переходы по любым внутренним url, то, естественно это не работает, потому что все переходы виртуальны, в чём суть скорости работы spa.

[ski28]

Aetae, Да мне бы хотя просто подсказать , куда капать. Я нечего не настраивал специально. Все работает по дэфолту. Под всегда я подразумеваю любой заход на сайт а не первое посещение. Если перейти по внутренним ссылкам захешированова сайт и уже на этой странице обновиться то подгрузиться новый index

[Aetae]

ski28, по дефолту никаких сервис-воркеров нет, ты явно используешь какю-то сборку\фреймворк\хз-что. Чтоб дальше разбираться - напиши что именно.

Answer 1

[Burnedheart]

В хроме можешь попробовать открыть DevTools (F12 клавиша), зайди во вкладку "СЕТЬ" и поставь галочку отключить КЭШ.

Comments

[Сергей delphinpro]

посоветуете так делать всем посетителям, входящим на сайт? =)))

[ski28]

Сергей delphinpro, во во )