Как проверять токен при каждом запросе в rtk query?

Question

[DZHAMBUALT]

Привет! Возможно спрашиваю заезженную тему но ответа не нашел. У меня возникла проблема при обновлении access токена когда тот умирает с помощью refresh. У меня есть api созданный с помощью createApi rtk query. Как мне при каждом запросе для этого api проверять умер ли токен. Если да то я выполняю условный tokenUpdate() который останавливает запрос и выполняет логику, а если нет то все оставляю как есть и продолжаю выполнение запроса.
Насколько знаю это делается с помощью middleware но разобраться я так и не смог

Answer 1

[Антон Иванов]

Не в том направлении думаете. Когда вы бросаете запрос с истекшим токеном, вам бек должен ответить, что токен истёк. Далее уже вы фронтом кидаете запрос на новый токен и повторяете первый запрос.

Проверять токен на фронте, это неверный шаг. Всё что прилетело на фронт, заведомо нельзя доверять.

Answer 2

[Aetae]

Ответ Антон Иванов - популярный костыль, но от того не менее ошибочный.
Токен имеет время жизни. Это время жизни можно достать на клиетне из самого токена.
Правильное решение - просто по таймеру за 5-15 минут до устаревания обновлять оный в фоне. В таком случае все нормальные запросы вообще не затронуты.
Чуть менее правильное - проверять на устаревание при каждом обращении к токену и если устарел прямо тут же, в процессе, получать новый.
Все популярные библиотеки умеют это из коробки.

Comments

[DZHAMBUALT]

Aetae, Антон Иванов,
А вот это не слишком плохо?

baseQuery: fetchBaseQuery({
		baseUrl: API_URL,
		prepareHeaders: async headers => {
			const token = Cookies.get('accessToken')
			if (token) {
				return headers.set('Authorization', `Bearer ${token}`)
			} else {
				try {
					const { data } = await refreshToken()
					refreshTokens({
						refreshToken: data.refreshToken,
						accessToken: data.accessToken,
					})
					headers.set('Authorization', `Bearer ${data.accessToken}`)
					return headers
				} catch (error) {
					return headers
				}
			}
		},
	}),