Где размещать логику «протухания» токена?

Question

[Артур Карапетян]

Здравствуйте, есть

vuex action для логина

login: ({ commit, dispatch }, data) =>
    new Promise((resolve, reject) => {
      apiClient
        .post('/auth', data)
        .then(resp => {
          const { access_token: token, expiryDate } = resp.data;

          localStorage.setItem('access_token', token);

          apiClient.defaultConfig.headers.Authorization = `Bearer ${token}`;

          commit('login', token);

          dispatch('getUserInfo');
          .....

          resolve(resp);
        })
        .catch(err => {
          localStorage.removeItem('access_token');
          console.error(err);
          reject(err);
        });
    })

аргумент data в action

{
  login: String,
  password: String,
  remember: Boolean
}

Если в action передался remember === true, то токен нужно сохранять до логаута

resp.data

{
  access_token: ...,
  expiryDate: YYYY-MM-DD hh:ii:ss
}

Я никак не решу, где лучше разместить логику проверки токена на протухание с чем то вроде

if (new Date(expiryDate) >= new Date()) удалить токен...

Comments

[Виталий Хоменко]

Я немного не понимаю зачем это делать на стороне FE? Время жизни токена пусть знает BE, он и сообщит о факте протухания при запросе. Вам дали токен, вы его запомнили и используете. Если при запросе сервер вернул статус-код о протухшем токене, то лишь тогда делаете запрос на регенерацию токена или на повторную авторизацию, в зависимости от особенностей проекта.

Или там какие-то особые нюансы есть?

[Артур Карапетян]

Виталий Хоменко, хм, действительно, о самом очевидном выходе я и не подумал, перенесите это в ответ, я отмечу решением, спасибо

[Виталий Хоменко]

Артур, пожалуйста. Переместил в ответы

Answer 1

[Виталий Хоменко]

Я немного не понимаю зачем это делать на стороне FE? Время жизни токена пусть знает BE, он и сообщит о факте протухания при запросе. Вам дали токен, вы его запомнили и используете. Если при запросе сервер вернул статус-код о протухшем токене, то лишь тогда делаете запрос на регенерацию токена или на повторную авторизацию, в зависимости от особенностей проекта.