Question

我正在进行抓取：

fetch(url, fetchOptions);

fetchOptions的配置如下：

var fetchOptions = {
  method: options.method,
  headers: getHeaders(),
  mode: 'no-cors',
  cache: 'no-cache',
};

function getHeaders() {
  var headers = new Headers(); // Headers is part of the fetch API.
  headers.append('User-ID', 'foo');
  return headers;
}

在运行时检查fetchOptions，如下所示：

fetchOptions.headers.keys().next() // Object {done: false, value: "user-id"}
fetchOptions.headers.values().next() // Object {done: false, value: "foo"}

但是，每个Chrome开发工具的请求标头中都找不到用户ID：

GET /whatever?a=long_name&searchTerm=g HTTP/1.1
Host: host:8787
Connection: keep-alive
Pragma: no-cache
Cache-Control: no-cache
accept: application/json
User-Agent: Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/51.0.2704.106 Safari/537.36
Referer: http://localhost:23900/
Accept-Encoding: gzip, deflate, sdch
Accept-Language: en-US,en;q=0.8,fr;q=0.6

为什么我在Chrome开发工具中看不到我的“用户ID”标题，为什么标题键似乎已经小写？

Answer 1

如果其他人遇到类似的问题，可能会有两个可能的罪魁祸首：

我可能没有使用正确的标志启动Chrome。

从Windows快捷方式运行时，以下操作无效：

"C:\Program Files (x86)\Google\Chrome\Application\chrome.exe" -enable-precise-memory-info -disable-web-security

从Windows命令提示符运行时，以下操作正常：

C:\whatever\48.0.2564.82\application\chrome.exe  --disable-web-security --user-data-dir=C:\whatever\tmp\chrome

在请求模式中添加no-cors可能导致OPTIONS请求在GET请求之前，并且服务器不支持OPTIONS。

为什么我在Chrome中看不到自己的HTTP标头？

1 个答案: