前端请求成功之后获取response headers中的参数 async await 或者 .then()形式获取到

在前端JavaScript中，当发起一个异步HTTP请求，比如使用fetch API、axios库或者其他Promise库，通常会返回一个Promise对象。无论是使用async/await还是`.then()`链式调用，处理响应头（headers）的方式是一致的。

**使用async/await:**

async function fetchData(url) {
  const response = await fetch(url);
  if (response.ok) {
    const headers = await response.headers;
    // 获取特定头部信息
    const headerParameter = headers.get('YourHeaderName');
    console.log(headerParameter);
  } else {
    // 处理错误
  }
}

fetchData('https://example.com');

**使用`.then()`方法:**

fetch('https://example.com')
  .then(response => {
    if (response.ok) {
      return response.headers;
    } else {
      throw new Error('Network response was not ok.');
    }
  })
  .then(headers => {
    const headerParameter = headers.get('YourHeaderName');
    console.log(headerParameter);
  })
  .catch(error => {
    console.error('Error:', error);
  });

在这两个例子中，`get`方法用于从headers对象中获取特定名称的参数。你需要替换 'YourHeaderName' 为你实际关心的header字段名。