从Jquery调用AWS API时出现CORS错误

时间:2019-09-20 20:18:19

标签: jquery aws-api-gateway

从Jquery调用AWS API时出现CORS错误。

CORS已在API端启用,我可以使用react> Axios进行调用,但我们必须为此应用程序使用Jquery。

使用此代码:

 $.ajax({
      type: 'POST',
      url: "https://awsapiurlhere",
      crossDomain: true,
      async:true,
      data: {
      aaa: "444",
      bbb: "aaa",
      ccc: "ccc"
      },
      dataType: 'JSON',
      cors: true ,
      contentType:'application/json',
      headers: {
          "Access-Control-Allow-Origin":"*",
      },
      success: function(response, status, xhr) {
        if (response) {
          console.log("The username you typed has been used!", status);
        } else {
           console.log("No responce" , status);
        }
      },
      error: function(xhr, status, error) {
       console.log("Something went wrong!", status );
      }
    });

获取

  

CORS策略已阻止从来源“ https://url”访问“ https://cdpn.io”处的XMLHttpRequest:Access-Control-Allow-不允许请求标头字段access-control-allow-origin飞行前响应中出现标题。

1 个答案:

答案 0 :(得分:0)

您正在作为请求的一部分发送“访问控制允许来源”。根据错误消息,CORS策略不允许请求标头。 您不需要此标头,因为它是响应标头。 从请求中删除此标头将解决此问题。