Как можно запретить кэшировать HTTP запрос в браузере

Чтобы запретить кэширование HTTP-запроса, можно использовать следующие методы:

1. Заголовки Cache-Control:

fetch('/api/data', {
  headers: {
    'Cache-Control': 'no-cache, no-store, must-revalidate',
    'Pragma': 'no-cache',
    'Expires': '0'
  }
});

2. Добавление уникального параметра к URL:

fetch(`/api/data?timestamp=${Date.now()}`);

3. Использование POST вместо GET, так как POST-запросы обычно не кэшируются.

4. Настройка сервера - сервер должен возвращать соответствующие заголовки:

Cache-Control: no-store

Для XMLHttpRequest аналогично можно установить заголовки:

xhr.setRequestHeader('Cache-Control', 'no-cache');

Лучший подход - комбинация заголовков на сервере и клиенте. Особенно важно для динамических данных, которые часто меняются.