Всем привет! Сильно не пинать , уже гуглил) Есть роутер

Question

Всем привет! Сильно не пинать , уже гуглил) Есть роутер

и есть состояние о том, авторизован пользователь или нет. Состояние об авторизации получаю гет-запросом через fetch в конструкторе, а проверка этого состояния в Router в render(). Как сделать так, чтобы на момент обращения к состоянию авторизации оно было уже подтянуто fetch'ем? Готов рассмотреть другие подходы к решению. Бэкэнд тоже подвластен. В общем идея в том, чтобы состояние авторизации бралось с бэкэнда, сохранялось в localStorage, при обращении бралось из localStorage

#frontend #javascript #programming #react.js #russian

0

14.07.2021

5 ответов

14 просмотров

Александр Моруга Автор вопроса

Вот думаю о том, когда обновлять с севера состояние. Или вообще не заморачиваться с состоянием на фронте, а делать запросы и по статусам переходить на логин или показывать?

0

14.07.2021

Behzod Mansurov

По статусам переходи на страницу логина. И проверяй токен, на время жизни прежде чем идти по роутам

0

14.07.2021

Александр Моруга Автор вопроса

А как сделать: чтобы не было на каждой странице дублирования кода? Есть какой-нибудь подход? По сути везде вначале будет fetch get или post , а потом либо с данными работать либо на login. И где правильно делать fetch? В конструкторе?

0

14.07.2021

Behzod Mansurov

https://reactrouter.com/web/example/auth-workflow

0

14.07.2021

Behzod Mansurov · Accepted Answer

Зачем постоянно проверять. Проверь свой токен с локалстораджа. Это по идее три base64 строки разделенных точкой. Во второй строке парсишь json и берешь поле exp - expired, и сравнивай его с текущим временем. Незачем делать запрос на каждый роут для проверки аутентификации. Личное мнение конечно, мб по другому посоветуют, побезопаснее и надежнее

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

Всем привет! Сильно не пинать , уже гуглил) Есть роутер

5 ответов

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