Как обычно реализуется добавление access token во все запросы?

Question

Добавление access token обычно реализуется централизованно через обёртку над HTTP-клиентом. В случае Axios используются request interceptors. Для Fetch создаётся кастомная функция-обёртка. Это позволяет избежать дублирования кода и ошибок.

YeaHub · Accepted Answer

Во frontend-приложениях важно добавлять access token одинаково и автоматически во все нужные запросы.Подход с AxiosВ Axios чаще всего используются interceptors.Принцип работы:Перед отправкой запроса interceptor перехватывает конфигурациюДобавляет заголовок AuthorizationВозвращает обновлённый запросaxios.interceptors.request.use((config) => {
  config.headers.Authorization = `Bearer ${accessToken}`
  return config
})
Подход с FetchFetch не имеет interceptors, поэтому используется обёртка.Пример логики:создать функцию apiFetchвнутри добавить заголовкивызывать её вместо fetchfunction apiFetch(url, options = {}) {
  return fetch(url, {
    ...options,
    headers: {
      ...options.headers,
      Authorization: `Bearer ${accessToken}`,
    },
  })
}
Преимущества централизованного подходаОдин источник истиныПроще обновлять логикуМеньше ошибок при масштабированииВывод:Централизованное добавление access token через interceptors или обёртку — стандартное и безопасное решение для frontend-приложений.