如何在不调用Chrome的CORS预检请求的情况下指定应用程序/json内容类型？

Question

根据fetch规范，只要指定了内容类型，即“应用程序/x-www-form-urlencoded”、“多部分/表单数据”或“文本/普通”中的一种，并且满足了其他条件，则POST请求不应导致飞行前请求。然而，在实践中，我很难以一种不会导致选项请求进行飞行前检查的方式指定用于获取的多个标头。

例1。

fetch("https://differentsubodmain.example.com/api/resource", {
    headers: {
        "Content-Type": "text/plain, application/json",
        Accept: "application/json"
    },
    method: "POST",
    body: JSON.stringify({})
})

例2。

var myHeaders = new Headers();
myHeaders.append('Accept', 'application/json');
myHeaders.append('Content-Type', 'text/plain');
myHeaders.append('Content-Type', 'application/json');

fetch("https://differentsubodmain.example.com/api/resource", {
    headers: myHeaders,
    method: "POST",
    body: JSON.stringify({})
})

ex 3.

fetch("https://differentsubodmain.example.com/api/resource", {
    headers: [
        ["Content-Type", "application/json"],
        ["Content-Type", "text/plain"],
        ["Accept", "application/json"]
    ],
    method: "POST",
    body: JSON.stringify({})
    })

这两个示例都无法在没有飞行前请求的情况下成功地进行请求，但只使用指定了其中一个：“Content Type”：“text/plain”似乎可以正常工作。然而，这里的示例显示了在请求中指定这两者，并建议它不应导致预飞行。这只是不同浏览器实现的问题，还是我遗漏了什么？

Answer 1

看起来我可能没有仔细阅读那篇参考文献。下面是重要的摘录。

警告这有意不使用提取MIME类型，因为该算法相当宽容，而且服务器不需要实现它。

如果使用了提取MIME类型，则以下请求不会产生CORS预飞行，服务器上的天真解析器可能会将请求正文视为JSON

看起来我们在很大程度上受限于mime类型Application/x-www-form-urlencoded、multipart/form-data或text/平原以避免对CORS的预飞行请求。

参考：

• https://fetch.spec.whatwg.org/#example-cors安全列表请求标头内容类型