如何从fetch中获取响应的标头

Question

我在chrome版本52.0.2743.82(64位)上使用fetch.我想获得响应中的所有标题.以下片段仅返回,content-type但如果您查看chrome dev工具,则会显示许多其他响应标头.如何从fetch获取其他标头.

  fetch('https://httpbin.org/get')
    .then(response => {
       const headers = response.headers.entries();
       let header = headers.next();
       while (!header.done){
         console.log(headers.value);
         header = header.next();
       }
    })

我尝试了polyfilling(手动覆盖)github实现.仍然没有运气.

Answer 1

通过ajax请求跨域内容时,您无法访问所有标头.如果来源相同,您可以访问所有标题.

作为W3规格说明这里,只有Content-Type,Last-modified,Content-Language,Cache-Control,Expires,Pragma头都可以访问.

进一步https://httpbin.org/get只Content-Type从可访问标题列表中发送标题,所以,你只能得到它.

编辑:您可以通过发送Access-Control-Expose-Headers您希望客户端在响应上访问的标头来公开非标准CORS响应标头.