У меня есть компоненты, которые делают запросы на получение в своих созданных методах. Я использую oid c client для авторизации. Я хотел бы установить заголовок каждого запроса с токеном, который я получаю из oid c. Я сделал http.js файл в root проекта, который выглядит следующим образом:
import axios from 'axios';
import AuthService from "./AuthService";
const authService = new AuthService();
let token;
axios.interceptors.request.use(async function (config) {
await authService.getUser().then(res => {
if (res) {
token = res.id_token;
config.headers['Authorization'] = `Bearer ${token}`;
}
});
// eslint-disable-next-line no-console
console.log('interceptor', config);
return config;
}, function (error) {
// Do something with request error
return Promise.reject(error);
});
Я не уверен, является ли это способом установки перехватчиков и как на самом деле их использовать потому что при каждом запросе я вижу, что они не устанавливаются и в консоли ничего не регистрируется. Как это должно быть настроено?