Реагировать на Redux JWT с добавлением заголовка

Question

Я был с этой проблемой в течение нескольких дней, и я не могу понять, Google также не помогает.

Я вхожу в систему, я получаю токен JWT из ответа API, добавляю токен в свое localalstorageи мой план состоит в том, чтобы затем перенаправить на панель инструментов.Как мне добавить токен в заголовок?Я не могу понять,Когда я нажимаю маршрут панели инструментов к истории, страница не перезагружается, она просто отображает панель мониторинга.Маршрут панели мониторинга защищен в моем бэкэнде, и он проверяет, является ли токен действительным из заголовка, если это так, то он пропускает маршрут.но если я подтолкну к истории, то она полностью игнорирует бэкэнд.Я попытался сделать как window.location.reload (), затем он перезагружается, но я не могу понять, как добавить токен в заголовок из localstorage.

Спасибо

Answer 1

Если вы находитесь в одностраничном приложении, например, в приложении React с маршрутизатором React, навигация между маршрутами не вызывает перезагрузки страницы или запроса сервера.

Если на вашем клиенте установлен JWT, вам следуетбыть в состоянии получить к нему доступ и присоединить его к ajax-запросам, сделанным вашим приложением React.

Где-то в вашем приложении вы будете делать запросы, используя fetch() или аналогичный, где вы можете настроить заголовок Authorization: Bearer XXXXX.