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

Во frontend-приложениях важно добавлять access token одинаково и автоматически во все нужные запросы.

Подход с Axios

В Axios чаще всего используются interceptors.

Принцип работы:

1. Перед отправкой запроса interceptor перехватывает конфигурацию

2. Добавляет заголовок Authorization

3. Возвращает обновлённый запрос

axios.interceptors.request.use((config) => {
  config.headers.Authorization = `Bearer ${accessToken}`
  return config
})

Подход с Fetch

Fetch не имеет interceptors, поэтому используется обёртка.

Пример логики:

• создать функцию apiFetch

• внутри добавить заголовки

• вызывать её вместо fetch

function apiFetch(url, options = {}) {
  return fetch(url, {
    ...options,
    headers: {
      ...options.headers,
      Authorization: `Bearer ${accessToken}`,
    },
  })
}

Преимущества централизованного подхода

• Один источник истины

• Проще обновлять логику

• Меньше ошибок при масштабировании

Вывод:
Централизованное добавление access token через interceptors или обёртку — стандартное и безопасное решение для frontend-приложений.