自定义标题未添加到请求对象

Question

我正在尝试使用fetch api。

首先我创建了一个new Headers()对象：

var oHeaders = new Headers({ 
    'Accept': 'application/json', 
    'Content-Type': 'application/json', 
    "X-DocuSign-Authentication": '{"Username":"xxx","Password":"xxx","IntegratorKey":"xxx"}' 
}) 

后头，如果我尝试登录头一切是正确的实例化。

oHeaders.forEach(function(v){console.log(v)}) 
//logs: 2 application/json {"Username":"xxx","Password":"xxx","IntegratorKey":"xxx"} 

在我创建了Request对象：

var oReq = new Request('https://eu.docusign.net/restapi/v2/login_information', { 
    method: 'GET', 
    headers: oHeaders, 
    mode: 'no-cors', 
}); 

如果我尝试登录请求对象只有accept头将在那里的头。

oReq.headers.forEach(function(v){console.log(v)}) 
//logs: application/json 

，如果我尝试fetch(oReq)我得到401 unauthorized响应。

什么使标题消失？

Answer 1

当您为请求设置mode: 'no-cors'时，浏览器将不允许您设置除CORS-safelisted request-headers以外的任何请求标头。见the spec requirements：

要附加一个名称/值（名称/值）对到Headers对象（头），执行这些步骤：

否则，如果后卫是 “request-no-cors” 和名/值不是CORS-safelisted request-header，回报。

在这种算法中，return等同于“无添加该标头的标头的对象返回”。