Ты закэшировал файл скрипта, а потом залил исправленную версию с тем же именем — что произойдёт и как это решить?

Проблема кэширования

Когда браузер загружает статический файл, он сохраняет его в кэше, чтобы ускорить повторные посещения. Если вы заменили файл с тем же именем, браузер не знает об изменении и продолжает использовать старую копию, пока не истечёт срок действия кэша или пользователь не обновит страницу принудительно (Ctrl+F5). Это приводит к тому, что пользователи видят устаревший код.

Способы решения

• Query-параметр версии: добавьте к URL файла параметр, например script.js?v=2. При каждом изменении меняйте значение параметра.
• Хеширование имени файла: используйте сборщик (Webpack, Vite), который генерирует уникальный хеш в имени файла, например script.a1b2c3.js. Это гарантирует, что новый файл будет загружен.
• Заголовки HTTP: настройте Cache-Control: no-cache или ETag, чтобы браузер проверял актуальность файла.

Пример с query-параметром

<script src="js/app.js?v=2"></script>

Пример с хешем (Webpack)

// webpack.config.js
output: {
  filename: '[name].[contenthash].js'
}

В итоге браузер получит файл с новым именем и загрузит его, игнорируя старый кэш.

Вывод

Кэширование полезно для производительности, но требует контроля версий. Используйте хеширование или параметры версий для статических файлов, чтобы гарантировать доставку актуальных обновлений пользователям.