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

但是在没有axios的普通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对象，并在此过程中设置此标头。