Как установить глобальные заголовки для токена в простом JavaScript без аксиос

Question

Как установить глобальные заголовки следующим образом

import axios from 'axios';

export default function setAuthToken (token) {
  axios.defaults.headers.common['Authorization'] = `Bearer ${token}`;
  } else {
    delete axios.defaults.headers.common['Authorization];
  }
}

Но в простом javascript без axios

Answer 1

К вашему сведению, в вашем коде отсутствуют некоторые операторы if.

Не совсем понятно, о чем вы спрашиваете, но в основном XMLHttpRequest (xhr) - это то, как вы делаете запросы в «простом javascript».

Это довольно хорошо задокументировано на сайте MDN.

https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest

https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest/Using_XMLHttpRequest

По сути, вы должны создать экземпляр xhr, чтобы установить заголовок, вы можете запустить что-то вроде xhr.setRequestHeader("Authorization", "Bearer " + token);

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