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

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 ответов

21 просмотр

Alexey Topunov

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

0

05.06.2023

Grigorii K. Shartsev

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

0

05.06.2023

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

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

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

0

05.06.2023

Ruslan

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

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

0

05.06.2023

Илюша 🎂

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

0

05.06.2023

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

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

0

05.06.2023

Grigorii K. Shartsev

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

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

0

05.06.2023

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

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

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

0

05.06.2023

Grigorii K. Shartsev

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

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

0

05.06.2023