169 похожих чатов

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


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


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);
}
);

14 ответов

23 просмотра

вставляй токен в хедер перед каждым запросом явно

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

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

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

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

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

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

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

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

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

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

A. M.
кста, а где лучше токен тогда хранить?

Я бы в таком случае в localStorage хранил или при перезагрузки страницы если нету токена ещё раз отправлять запрос на авторизацию

A. M.
кста, а где лучше токен тогда хранить?

Либо в config defaults, либо создать локальную для http-модуля переменную, если она используется не всегда.

A. M.
кста, а где лучше токен тогда хранить?

В модуле, который и предоставляет http client, создавая инстанс axios-а

Похожие вопросы

Обсуждают сегодня

а через ESC-код ?
Alexey Kulakov
29
30500 за редактор? )
Владимир
47
Чёт не понял, я ж правильной функцией воспользовался чтобы вывести отладочную информацию? но что-то она не ловится
notme
18
У меня есть функция где происходит это: write_bit(buffer, 1); write_bit(buffer, 0); write_bit(buffer, 1); write_bit(buffer, 1); write_bit(buffer, 1); w...
~
13
Недавно Google Project Zero нашёл багу в SQLite с помощью LLM, о чём достаточно было шумно в определённых интернетах, которые сопровождались рассказами, что скоро всех "ибешни...
Alex Sherbakov
5
program test; {$mode delphi} procedure proc(v: int32); overload; begin end; procedure proc(v: int64); overload; begin end; var x: uint64; begin proc(x); end. Уж не знаю...
notme
6
Как передать управляющий символ в открытую через CreateProcess консоль? Собсна, есть процедура: procedure TRedirectThread.WriteData(Data: OEMString); var Written: Cardinal;...
Serjone
5
вы делали что-то подобное и как? может есть либы готовые? увидел картинку нокода, где всё линиями соединено и стало интересно попробовать то же в ddl на lua сделать. решил с ч...
Victor
8
Ребят в СИ можно реализовать ООП?
Николай
33
Подскажите пожалуйста, как в CustomDrawCell(Sender: TcxCustomGridTableView; ACanvas: TcxCanvas; AViewInfo: TcxGridTableDataCellViewInfo; var ADone: Boolean); получить наз...
A Z
7
Карта сайта