fetch（）不发送头？

Question

我正在从浏览器发送如下POST请求：

fetch(serverEndpoint, {
    method: 'POST',
    mode: 'no-cors', // this is to prevent browser from sending 'OPTIONS' method request first
    redirect: 'follow',
    headers: new Headers({
            'Content-Type': 'text/plain',
            'X-My-Custom-Header': 'value-v',
            'Authorization': 'Bearer ' + token,
    }),
    body: companyName
})

当请求到达我的后端时，它不包含x-my-custom-header或authorization头。

我的后端是用于Firebase的Google Cloud函数（基本上只是node.jsendpoint），看起来如下所示：

exports.createCompany = functions.https.onRequest((req, res) => {
    let headers = ['Headers: ']
    for (let header in req.headers) {
        headers.push(`${header} : ${req.headers[header]}`)
    }
    console.log(headers)
    ...
}

Google Cloud for Firebase函数的控制台日志不包含任何x-my-custom-header或authorization头。

怎么啦？

Answer 1

同一来源策略限制网页可以从另一个来源向资源发送的请求种类。

在no-cors模式中，浏览器仅限于发送“简单”请求--那些仅具有安全列表方法和安全列表头的请求。

若要发送具有授权和X-my-custom-header等标头的跨源请求，您必须放弃no-cors模式，并支持飞行前请求(选项)。

区分“简单”和“非简单”请求是出于历史原因。Web页面总是可以通过各种方式（例如创建和提交表单）执行一些跨源请求，因此当Web浏览器引入了发送跨源请求的原则性方式（跨源资源共享，或CORS）时，就决定这样的“简单”请求可以免于预先选项检查。