Можно ли изменить конфигурацию axios без перезагрузки скрипта?

Question

[Андрей]

Я вешаю токен в заголовки всех запросов, если таковой есть в локалсторедже.

const user = JSON.parse(window.localStorage.getItem('user')) || false

if (user)
{
  if (user.token)
  {
    config.headers = {
      'token': JSON.stringify(user.token)
    }
  }
}

Сейчас приходится напрямую вызывать перезагрузку страницы после логина, чтобы заново инициализировать axios с токеном. Немного ухудшает пользовательский опыт. Наверняка есть способ навесить заголовки по другому.

Пока писал пришла идея просто в каждом запросе проверять наличие токена и назначать заголовок, но будет ли это хорошей практикой? При КАЖДОМ запросе читать local storage

Answer 1

[Сергей Соколов]

не понятно: в какой момент требуется поменять токен, и на какой.
Конечно же можно в любой момент переконфигурировать axios. Он берёт настройки в таком порядке:

1. из файла lib/defaults.js
   
2. затем из настроек инстанса
   
3. затем из опций, переданных в текущий запрос
   

Вы не привели код, где подставляете token в параметры axios. Допустим, что-то глобальное:

axios.defaults.headers.common['Authorization'] = AUTH_TOKEN;

Точно так же потом, когда надо поменять токен, делаете примерно так:

axios.defaults.headers.common['Authorization'] = NEW_TOKEN;

и вперёд, можно делать запросы с новым токеном

axios.get('https://google.com').then(r => console.log(r));

Comments

[Андрей]

Привел же)
Это единственное место, где я прописываю токен. Понимаю, что по стандартам нужно его укладывать в authorization, но сделал по-своему.

А вопрос в том, что пользователь загружает приложение не будучи авторизованным и axios в указанном мною коде не получает токен, но когда этот токен появляется в storage, то он не считывает его заново, только после перезагрузки страницы

[Сергей Соколов]

Андрей, что за config.headers ? Где и как он используется?

[Андрей]

Сергей Соколов, пардон!
Следующая строчка сразу за этим
const api = axios.create(config)

[Сергей Соколов]

Андрей, попробуйте так:
api.defaults.headers.token = NEW_TOKEN;