HTTP头部信息 | Access-Control-Request-Headers

Access-Control-Request-Headers这是一种请求类型头信息，由浏览器使用。它包含了客户端在后续请求中发送的各种HTTP头的详细信息。 每当客户端向服务器发起请求时，浏览器会检查该请求是否需要进行CORS预检查。 如果需要进行CORS预请求的话，浏览器会使用HTTP OPTIONS方法来发送请求。在请求中，会附带一系列头部信息，这些信息包含了关于该请求的各种细节。 这些特性中的一项，就是请求中可能包含的不同头部信息。 这些信息被存储在预请求中的 Access-Control-Request-Headers 头字段中。语法：

Access-Control-Request-Headers: header-name-1, header-name-2, ...

指令/指示：“Access-Control-Request-Headers”这个头部字段可以接受上述提到的单一指令，具体说明如下：

• 标题名称：一个由逗号分隔的标题列表，这些标题将被附加到后续的请求中。

下面的例子说明了这一点。Access-Control-Request-Headers在HTTP头部中。例如：请考虑以下代码，它用于从浏览器中发送一个 XHR 请求。

const xhr = new XMLHttpRequest();

xhr.open('POST', 'https://samplepostroute/');
xhr.setRequestHeader('X-PINGOTHER', 'pingpong');
xhr.setRequestHeader('Content-Type',
           'application/x-www-form-urlencoded');
xhr.onreadystatechange = handler;

xhr.send("id=100"); 

该请求会包含 Content-Type 和 X-PINGOTHER 等 HTTP 头信息。在发送 POST 请求之前，浏览器会先发送一个 CORS 预检查请求。这个 CORS 预检查请求会包含以下头信息。通过这种方式，服务器可以了解客户端请求中可能存在的各种头信息。

Access-Control-Request-Headers: X-PINGOTHER, Content-Type

支持的浏览器：以下浏览器与“Access-Control-Request-Headers”头部功能兼容：

• Google Chrome 4.0
• Firefox浏览器3.5版
• Internet Explorer 10.0
• Opera 12.0
• Safari 4.0