#node.js #reactjs #mern #cache-control
Вопрос:
Я не знаю, как использовать управление кэшем для моего приложения React, может ли кто — нибудь мне помочь? Когда я настраиваю его в Nginx, изображения не загружаются, я понимаю, что это связано с тем, что при сборке мои статические ресурсы переименовываются. Итак, может ли кто-нибудь дать мне решение, которое я могу использовать для этого?
Если это поможет, вот веб-сайт, на котором вы можете запустить Light House https://longislandbrainandspine.com/
Ответ №1:
Заголовки управления кэшем должны быть определены в конфигурации сервера. Вы можете задать путь запроса на основе регулярных выражений для всех статических ресурсов, подобных этому
location ~* .(?:ico|css|js|gif|jpe?g|png)$ {
root /folder_where_your_assets_are;
expires 30d;
add_header Vary Accept-Encoding;
add_header Pragma public;
add_header Cache-Control public;
}
Скорее всего, это должно быть в конфигурации уровня сервера.
Комментарии:
1. Хорошо, но когда я это сделаю, изображения не будут загружаться, я имею в виду, что изображения из API rest работают, но не со статического сервера. Я загружаю изображения из двух ресурсов, для основных страниц они находятся в статической папке, созданной React при сборке, но для динамических я извлекаю изображения из WP Rest API
2. Какую ошибку/код вы получаете для этих изображений? Убедитесь, что путь к корневой папке задан правильно. Это должен быть абсолютный путь статических ресурсов.