前端如何获取请求头的内容

在前端JavaScript中，你可以通过XMLHttpRequest对象或fetch API来获取HTTP请求头的内容。这里以fetch为例来说明：

fetch('http://example.com/api', {
  headers: { // 设置请求头
    'Content-Type': 'application/json',
    'Authorization': 'Bearer your-token'
  }
})
.then(response => response.headers) // 获取响应头
.then(headers => {
  headers.forEach((value, name) => {
    console.log(`${name}: ${value}`);
  });
})
.catch(error => console.error('Error:', error));

在这个例子中，`response.headers`会返回一个Headers对象，包含了所有的请求头信息。你可以遍历这个对象来获取你需要的特定头部内容。

如果你使用的是旧版的XMLHttpRequest，可以这样做：

var xhr = new XMLHttpRequest();
xhr.open('GET', 'http://example.com/api');
xhr.setRequestHeader('Content-Type', 'application/json');

xhr.onreadystatechange = function () {
  if (this.readyState === XMLHttpRequest.DONE && this.status === 200) {
    var headers = xhr.getAllResponseHeaders(); // 获取所有头部
    console.log(headers);
  }
};

xhr.send();