Получение ошибки CORS при вызове AWS API из Jquery

Question

Получение ошибки CORS при вызове API-интерфейса AWS из Jquery.

Функция CORS включена на стороне API, и я могу вызывать с помощью response> 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 );
      }
    });

получение

Доступ к XMLHttpRequest в 'https://url' из источника' https://cdpn.io' заблокирован политикой CORS: ЗапросAccess-Control-Allow-Headers в поле заголовка access-control-allow-origin не разрешен в ответе перед полетом.

Answer 1

Вы отправляете Access-Control-Allow-Origin как часть запроса.Согласно сообщению об ошибке заголовок запроса не разрешен политикой CORS.Вам не нужен этот заголовок в запросе, так как это заголовок ответа.Удаление этого заголовка из запроса решит эту проблему.