Как добавить токен авторизации в заголовки HTTP-запроса?

При обращении к защищенным API сервер ожидает токен в заголовках запроса.

Определение:
Authorization header — это HTTP-заголовок, который используется для передачи учетных данных или токена доступа.

Пример добавления токена в один запрос

axios.get("/api/profile", {
  headers: {
    Authorization: "Bearer TOKEN_VALUE"
  }
});

Добавление токена в Axios instance

const api = axios.create({
  baseURL: "/api"
});

api.defaults.headers.common["Authorization"] = "Bearer TOKEN_VALUE";

Добавление через interceptor

Этот способ используется чаще всего в реальных проектах.

api.interceptors.request.use(config => {
  const token = localStorage.getItem("token");
  if (token) {
    config.headers.Authorization = `Bearer ${token}`;
  }
  return config;
});

Почему используется interceptor

1. Токен автоматически добавляется ко всем запросам.

2. Не нужно повторять код.

3. Удобно обновлять токен.

Вывод

Оптимальный способ передачи токена — через заголовок Authorization, чаще всего с использованием interceptor или Axios instance.