执行 ajax 请求时访问控制允许来源错误答案

【问题标题】：access-control-allow-origin error when executing ajax request执行 ajax 请求时访问控制允许来源错误
【发布时间】：2020-05-23 16:25:22
【问题描述】：

我收到Cross origin request denied 错误。

这是我尝试过的

 var data_send = JSON.stringify({
  "email_to": "mati.cazas99@gmail.com",
  "name_to": "mati",
  "subject": "hola"
});

var settings = {
  "async": true,
  "crossDomain": true,
  "url": "https://webhook.site/36abc701-73f2-41bb-9db5-2a38c40c5c29",
  "method": "POST",
  "headers": {
    "Content-Type": "application/json"
  },
  "processData": false,
  "data": data_send
}

$.ajax(settings).done(function (response) {
  console.log(response);
});

我已经尝试了所有方法，但我无法解决。

请帮我解决。

【问题讨论】：

您是否为 webhook.site 启用了 CORS 设置？
好的。此选项“添加 CORS 标头”。必须检查吗？
是的，我也试过了，但仍然出现同样的错误
嗯。我试过你的代码。似乎没有错误。
看这个页面：stackoverflow.com/questions/36834549/…

标签： javascript ajax cors

【解决方案1】：

我试过你的代码，这里似乎没有 CORS 错误。

这是我尝试过的

<!DOCTYPE Html>
<Html>
    <head>
    <script src="https://code.jquery.com/jquery-2.2.4.min.js"></script>
    </head>
    <body>

    <script>

    var data_send = JSON.stringify({
  "email_to": "mati.cazas99@gmail.com",
  "name_to": "mati",
  "subject": "hola"
});

var settings = {
  "async": true,
  "crossDomain": true,
  "url": "https://webhook.site/36abc701-73f2-41bb-9db5-2a38c40c5c29",
  "method": "POST",
  "headers": {
    "Content-Type": "application/json"
  },
  "processData": false,
  "data": data_send
}

$.ajax(settings).done(function (response) {
  console.log(response);
});
    </script>
    </body>
</Html>

只是响应是空的？是这个问题吗

【讨论】：

【解决方案2】：

您可以从后端允许这样做。

res.header("Access-Control-Allow-Origin", "*");
  res.header("Access-Control-Allow-Headers", "Origin, X-Requested-With, Content-Type, Accept");

【讨论】：