Interceptors

Question 1

Interceptors

Answer 1

Перехват запросов - можем перехватывать запросы или ответы, до того, как они будут then или catch.
Axios interceptors (перехватчики) - функции, позволяющие выполнять определённые действия перед отправкой запроса или перед обработкой ответа. Например, добавление заголовков, логирование, обработка ошибок и т.д. Использование interceptors помогает централизованно управлять аспектами запросов и ответов, что делает код более чистым и поддерживаемым.

Документация:
https://axios-http.com/docs/interceptors

import axios from “axios”

export const instance = axios.create({
baseURL: import.meta.env.VITE_BASE_URL,
headers: {
//Authorization: Bearer ${import.meta.env.VITE_AUTH_TOKEN},
“API-KEY”: import.meta.env.VITE_API_KEY,
},
})

instance.interceptors.request.use(function (config) {
// Do something before request is sent
const token = localStorage.getItem(“auth-token”)
if (token) {
config.headers[“Authorization”] = Bearer ${token}
}
return config
})

В thunk прописываем:
localStorage.setItem(“auth-token”, res.data.data.token)