尽管有适当的 Access-Control-Allow-* 标头，但 CORS ajax 调用失败 [关闭]答案

【问题标题】：CORS ajax call fails despite of the appropriate Access-Control-Allow-* headers [closed]尽管有适当的 Access-Control-Allow-* 标头，但 CORS ajax 调用失败 [关闭]
【发布时间】：2021-04-19 16:36:54
【问题描述】：

我正在执行从第三方托管脚本到我的端点的 ajax 调用。

预检调用在 Chrome 中如下所示：

GENERAL
Request URL: https://my_endpoints_url
Request Method: OPTIONS
Status Code: 200 
Remote Address: 21.188.37.117:443
Referrer Policy: origin-when-cross-origin

RESPONSE HEADERS
access-control-allow-headers: *
access-control-allow-methods: *
access-control-allow-origin: *
allow: OPTIONS, TRACE, GET, HEAD, POST
content-length: 0
date: Thu, 14 Jan 2021 15:45:17 GMT
public: OPTIONS, TRACE, GET, HEAD, POST
server: Microsoft-IIS/10.0
strict-transport-security: max-age=31536000
x-powered-by: ASP.NET

REQUEST HEADERS
:authority: my_endpoints_host
:method: OPTIONS
:path: my_endpoints_path
:scheme: https
accept: */*
accept-encoding: gzip, deflate, br
accept-language: fr,en-US;q=0.9,en;q=0.8,ca;q=0.7,es;q=0.6,pt;q=0.5
access-control-request-headers: authorization,content-type
access-control-request-method: POST
origin: https://c.cs160.visual.force.com
referer: https://c.cs160.visual.force.com/
sec-fetch-dest: empty
sec-fetch-mode: cors
sec-fetch-site: cross-site
user-agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/87.0.4280.141 Safari/537.36

我将端点的服务器配置为允许每个标头、方法和来源都在响应标头中可见。尽管如此，Chrome 还是不断取消后续的 POST 请求。

我错过了什么？

编辑：如果我从服务器响应中删除 access-control-allow-headers，Chrome 会在控制台中写入正确的错误消息“不允许请求标头字段内容类型通过预检响应中的 Access-Control-Allow-Headers。”并且 POST 请求在网络选项卡中被标记为（失败）。添加 access-control-allow-headers : " * " 时，没有错误信息，并且 POST 请求被标记为 (canceled)

谢谢

【问题讨论】：

您是否将withCredentials 设置为true？
@Quentin 如果你的意思是在 XMLHttpRequest 中，我没有。
禁用所有扩展时会发生什么？或者尝试在隐身窗口中？或者尝试从不同的计算机？还是在不同的网络上？如果 POST 请求显示在 Network 窗格中是 canceled，那么原因实际上不是 CORS 问题，而是其他一些问题；换句话说，记录的 CORS 错误是导致请求被取消的其他问题的结果——CORS 不是请求被取消的原因。通常，导致请求被取消的原因是浏览器扩展和防病毒软件和防火墙。

标签： javascript ajax google-chrome request-cancelling

【解决方案1】：

该解决方案根本与 CORS 无关，而是托管我的 JS 脚本的网站 (SalesForce)。

实际上，SalesForce 会在每次调用 ajax 后重新加载页面。 Chrome 检测到触发 ajax 调用的 DOM 节点消失了，所以它明智地取消了请求。

我的解决方案是让我的 ajax 调用同步。

感谢 @Quentin 和 @sideshowbarker 的想法

【讨论】：