Как изменить политику кэширования для ресурсов stati c в приложении React (созданном с помощью create-реагировать-приложение)

Question

Я создал приложение, используя React. js (с create-реагировать-app), и я не могу найти способ изменить политику кэширования (меня интересует max-age) для моих stati c активов. По умолчанию ресурсы c моего приложения (включая использование производственной сборки с npm run build) имеют максимальный возраст 0.

Все, что я нашел в официальном создании Документы -react-app были такими: https://create-react-app.dev/docs/production-build/#static -кэширование файлов

Это не помогло мне изменить политику кэширования для моих стати c активов (у меня есть изображения).

Я также пытался использовать метод «fetch» ​​и устанавливать собственный заголовок, но в итоге у меня появилось дублированное значение «max-age = 99999, max-age = 0». Похоже, что create-реакции-приложение обходит ваши пользовательские заголовки, когда дело доходит до политики кэширования.

Как установить пользовательский заголовок? Заранее спасибо!

Answer 1

Если ваш веб-сервер не может установить эти заголовки, то шаблоны Workbox и Service Worker будут лучшим выбором для кэширования на стороне клиента. Удалось ли вам также просмотреть эти документы создания-реакции-приложения?

1. Запросы прокси API в разработке
2. Развертывание

Вы также можете попробовать , используя веб-сервер, такой как Nginx, для прокси создания-реакции-приложения , удалить его заголовки и добавить свой собственный:

location / {
   ...

   // hide create-react-app response header
   proxy_hide_header max-age;

  // send your own header to client
  add_header max-age 99999;
}