ES6:从CORS fetch调用中检索响应头

ES6是指ECMAScript 6，也被称为ES2015，是JavaScript的一种标准。它是JavaScript语言的下一代标准，引入了许多新的语法和特性，使得开发者能够更加高效地编写代码。

CORS（跨域资源共享）是一种机制，允许在一个域名下的网页向另一个域名下的服务器发送XMLHttpRequest请求。在跨域请求中，浏览器会发送一个预检请求（OPTIONS请求）给服务器，以确定服务器是否允许该跨域请求。如果服务器允许跨域请求，浏览器会发送实际的请求。

在使用fetch进行CORS调用时，可以通过检索响应头来获取服务器返回的信息。响应头包含了服务器返回的一些元数据，如Content-Type、Cache-Control等。可以使用ES6的fetch函数发送跨域请求，并通过调用response对象的headers属性来检索响应头。

以下是一个使用ES6的fetch函数进行CORS调用并检索响应头的示例代码：

fetch('https://example.com/api/data', {
  method: 'GET',
  mode: 'cors',
  headers: {
    'Content-Type': 'application/json',
    'Authorization': 'Bearer token'
  }
})
.then(response => {
  const contentType = response.headers.get('Content-Type');
  const cacheControl = response.headers.get('Cache-Control');
  console.log('Content-Type:', contentType);
  console.log('Cache-Control:', cacheControl);
  return response.json();
})
.then(data => {
  console.log(data);
})
.catch(error => {
  console.error(error);
});

在上述代码中，我们使用fetch函数发送一个GET请求到https://example.com/api/data，并设置了mode为'cors'以启用CORS。在获取到响应后，我们通过调用response对象的headers属性来检索响应头中的Content-Type和Cache-Control，并将其打印到控制台。然后，我们通过调用response对象的json方法来解析响应体中的JSON数据，并将其打印到控制台。

推荐的腾讯云相关产品和产品介绍链接地址：