如何在没有axios的纯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];
  }
}

但是使用无ios的普通javascript

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对象，并在此过程中设置此标头。