如何仅获取（使用 Fetch API）Javascript 中的标头，而不是全部内容？答案

【问题标题】：How to fetch (using Fetch API) only headers in Javascript, not the whole content?如何仅获取（使用 Fetch API）Javascript 中的标头，而不是全部内容？
【发布时间】：2020-08-17 18:04:12
【问题描述】：

这里我有这个sample fiddle，我尝试仅从大图像中获取content-type 标头，在Javascript 中同时使用XMLHttpRequest() 和fetch()。如果您在 Chrome 的开发者工具/网络选项卡（或其他浏览器中的类似工具）打开的情况下运行 fiddle，您会看到虽然 XMLHttpRequest() 方法仅获取标头所在的 600 B，但 fetch() 方法获取整个 7.8 MB 的图像，尽管我的代码只需要 content-type 标头。

如何使用 Fetch APi 的 fetch() 获取标头所需的那几个字节（而不是整个内容）？

注意：我对此感兴趣，因为显然，如果我尝试获取常规 Google 页面的所有链接的标题，XMLHttpRequest() 方法会将我注销，有时还会更改我的语言，而 @ 987654330@ 方法没有。我认为这是因为前者发送凭据/cookies等，而后者默认情况下更具“限制性”......

【问题讨论】：

标签： javascript http-headers fetch-api

【解决方案1】：

需要指定HEAD的方法类型：

fetch(url, {method: 'HEAD'})

See updated fiddle

【讨论】：

谢谢 - 我不认为将 fetch method 设置为 HEAD 会起作用，因为它不在文档中（他们只提到了 GET 或 POST）。这就是你不尝试的结果，我想......
@KevBot，你能回顾一下并回答我的问题吗？ stackoverflow.com/questions/66550807/…