javascript - 如何在没有 axios 的情况下用纯 JavaScript 设置 token 的全局 header

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，然后设置 header ，您可以运行类似 xhr.setRequestHeader("Authorization", "Bearer "+ token);

如果您希望它成为默认值，一个想法是使用一个根据需要创建 xhr 对象的函数，并在此过程中设置此 header 。