Как обновить jwt token в vue js?

Question

[Александр]

Здравствуйте! Может, пожалуйста, кто - нибудь объяснить как обновить jwt token? Я создал роут в laravel:

Route::get('/refresh-token', [
    'uses' => 'UserController@refreshToken',
    'middleware' => 'auth.jwt'
]);

И в контролере высылаю json с новым токеном. Но что делать на клиенте? Есть мысль тупо проверять в каждом запросе и в catch обновлять токен. Но решение не самое лучшее. Как это можно сделать элегантнее? Спасибо большое всем

Answer 1

[Evgeny Kulakov]

Как вариант использовать два токена, один access token, другой refresh токен. Первый имеет малое время жизни, второй большое. При аутентификации получаете оба этих токена на клиенте и сохраняете и в localStorage, для доступа пользуетесь access токеном. Как только он протухает, ловите это в catch и получаете новые токены, делая запрос /refresh-token с использованием refresh token.

Comments

[Александр]

Evgeny Kulakov, а проверять когда он протухает? Ставить какой-то таймер и через это время обновлять токены или в localstorage вместе с ним, например, записать дату записи и уже в инстансе vue сравнивать даты и потом посылать запрос на апи обновления токена? Большое вам спасибо за ответ

[Evgeny Kulakov]

Александр: можно повесить catch на любой ответ от сервера, если очередной ответ пришел с ошибкой авторизации, то отправляем запрос на обновление токенов.

[Александр]

Evgeny Kulakov: понял, спасибо)