Как перехватчику аксиоса сказать чтоб из стора брал актуальный токен.

Question

Как перехватчику аксиоса сказать чтоб из стора брал актуальный токен.

Сейчас токен обновляется, но аксиос об этом не узнает

const { state } = useOidcStore()

const api = axios.create({
headers: { "Access-Control-Allow-Origin": "*", 'Content-Type': 'application/json' },
withCredentials: true,
baseURL: BASE_API_URL,
});

api.interceptors.request.use(
config => {
config.headers['Authorization'] = Bearer ${state.value?.token};
return config;
},
error => {
return Promise.reject(error);
}
);

#frontend #javascript #programming #russian #vue.js

0

05.06.2023

14 ответов

11 просмотров

Alexey Topunov

После деструктуризации объекта стора реактивность стора теряется (state — это уже другой объект), поэтому обращайтесь напрямую к стору: const store = useOidcStore(); ... config.headers['Authorization'] = Bearer ${store.token};

0

11 месяцев назад

Grigorii K. Shartsev

токен запросов - не часть стейта всего приложения, его не надо хранить в сторе и можно хранить без всякой реактивности просто в самом модуле запросов, в http клиенте, где и создаётся этот api

0

11 месяцев назад

Alexey Turdakin Автор вопроса

Grigorii K. Shartsev
токен запросов - не часть стейта всего приложения,...

из коробки так import { useOidcStore } from 'vue3-oidc'

0

11 месяцев назад

Ruslan

Alexey Turdakin
из коробки так import { useOidcStore } from 'vue3-...

15 звезд на гитхабе, 100 загрузок за неделю, 4 критических ишью - разве не повод задуматься на кой ляд использовать этот пакет?

0

11 месяцев назад

Илюша 🎂

сделать эвент?

0

11 месяцев назад

Рамазон Сангов

Добрая душа, опять делишься фронтенд-архитектурой : )

0

11 месяцев назад

Grigorii K. Shartsev

Рамазон Сангов
Добрая душа, опять делишься фронтенд-архитектурой ...

Это плохая архитектура, тут перемешаны разные слои, http токен хранится в сторе, http клиент зависит от стора. Это, наверное, худший вариант, как такое реализуют, если не считать случая, когда в каждом запросе достают токен из LS

0

11 месяцев назад

Рамазон Сангов

Grigorii K. Shartsev
Это плохая архитектура, тут перемешаны разные слои...

refreshToken в localStorage, при обновлении страницы accessToken отправится

0

11 месяцев назад

Grigorii K. Shartsev

Рамазон Сангов
refreshToken в localStorage, при обновлении страни...

я ничего не говорил про refresh/access)

0

11 месяцев назад