Отключение кеширования во встроенном SPA

Question

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

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

Как отключить кеширование моего кода?

Я использую linuxpl.com хостинг. Я буквально понятия не имею, что мне следует включить, если вам нужна информация, пожалуйста, дайте мне знать, и я предоставлю ее.

Answer 1

Чтобы заставить браузер «очистить» свой кэш, вы можете генерировать уникальные имена файлов каждый раз, когда создаете сборку.

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

Answer 2

Ваш сервер может сказать браузеру не кэшировать элементы. В NGINX (или на каком бы сервере вы ни работали) вы захотите добавить заголовок в соответствии с

add_header Cache-Control 'no-store, no-cache, must-revalidate, proxy-revalidate, max-age=0';

, чтобы браузер всегда знал, нужно ли получать свежие версии.