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数据，并将其打印到控制台。

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

• 腾讯云COS（对象存储）：https://cloud.tencent.com/product/cos
• 腾讯云API网关：https://cloud.tencent.com/product/apigateway
• 腾讯云CDN（内容分发网络）：https://cloud.tencent.com/product/cdn
• 腾讯云VPC（虚拟私有云）：https://cloud.tencent.com/product/vpc
• 腾讯云WAF（Web应用防火墙）：https://cloud.tencent.com/product/waf
• 腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
• 腾讯云云数据库MySQL版：https://cloud.tencent.com/product/cdb_mysql
• 腾讯云人工智能：https://cloud.tencent.com/product/ai
• 腾讯云物联网平台：https://cloud.tencent.com/product/iotexplorer
• 腾讯云移动推送：https://cloud.tencent.com/product/tpns
• 腾讯云云函数（Serverless）：https://cloud.tencent.com/product/scf
• 腾讯云区块链服务：https://cloud.tencent.com/product/tbaas
• 腾讯云游戏多媒体引擎：https://cloud.tencent.com/product/gme
• 腾讯云直播：https://cloud.tencent.com/product/live