将自定义用户代理字符串与我的头一起发送（获取）

Question

我正在使用React中的提取API，并且正在从JSONendpoint下拉一些数据。

作为请求的一部分，我想发送一个自定义用户代理字符串。目前，当我检查我的请求时，UA字符串是：

Mozilla/5.0 (Macintosh; Intel Mac OS X 10_11_5) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/56.0.2924.87 Safari/537.36

因为我在每个请求中都会使用标题，所以我想我应该将User-Agent附加到headers对象，就像在网上的各个地方所说的那样：

fetch(url, {
    Accept: 'application/json',
    'Content-Type': 'application/json',
    'User-Agent': 'MY-UA-STRING' // <---
})

但这行不通。我有一种感觉，这是因为获取api中的一个错误，正如这里、这里和这里所报告的。

有人知道如何使用fetch将UA作为标题的一部分传递吗？




Answer 1

经过一些测试，Chrome确实在用户代理头上有一个bug。

这很可能是因为不久前（2015年年中）用户代理标头在不允许标头列表中。

由于这个特定的头最近被从不允许的头列表中删除，Firefox（版本43）将允许您在获取调用中更改用户代理，但Chrome不会。

这是Firefox bug和Chromium bug

首先，它被禁止的原因是，实际上没有很好的理由使用用户代理头发送任意数据，它应该被用来发送实际的用户代理，并且在浏览器中请求（如获取XMLHttpRequest）实际上没有很好的理由欺骗用户代理。

当错误将被修复Chrome是任何人猜测，但它确实是一个错误，因为不允许的标题列表不再列出用户代理标题，它应该改变时，在Fetch的选项对象中指定。

作为旁注，您通常应该使用headers接口创建标题，并将其包含在标题下的options对象中

let headers = new Headers({
    "Accept"       : "application/json",
    "Content-Type" : "application/json",
    "User-Agent"   : "MY-UA-STRING"
});

fetch(url, {
    method  : 'GET', 
    headers : headers 
    // ... etc
}).then( ...