Access-Control-Allow-Headers в поле заголовка запроса не допускается

Question

Я получаю эту ошибку после запроса предварительной проверки:

Доступ к извлечению в 'myInvokeUrl' из источника 'http://localhost:3000' заблокирован политикой CORS: Запрос содержимого поля заголовка-type не допускается Access-Control-Allow-Headers в ответе перед полетом.

Моя цель - получить запрос POST к шлюзу API. Я добавил заголовок Access-Control-Allow-Headers в свой ответ OPTIONS в консоли шлюза со значением «Content-Type, X-Amz-Date, Authorization, X-Api-Key, X-Amz-Security-Token», но фактический ответ вообще не имеет этого поля.

Заголовки ответа:

access-control-allow-methods: POST,OPTIONS
access-control-allow-origin: *
content-length: 36
content-type: application/json
date: Mon, 28 Oct 2019 21:13:22 GMT
status: 200

Моя функция Lambda (она работает, если я тестирую ее в API Gateway):

module.exports.sendM = function (event, context, callback) {
console.log(event);
var body =`<p>Olá, ${event.name}!</p><p>Esse é o resumo do seu pedido: </p>`;

let minion1 = event.minion;
let minion2 = event.minion2;
let minion3 = event.minion3;

if (event.minion1){
    body += `<p> Au Naturel: ${event.minion1}</p>`;
}
 if (event.minion2){
    body += `<p> Phil: ${event.minion2}</p>`;
}
 if (event.minion3){
    body += `<p> Bored Silly Kevin: ${event.minion3}</p>`;
}
body += `<p> Enviar para ${event.address}</p>`;

var mailOptions = {
    from: 'leosole@gmail.com',
    subject: 'Pedido minionshop',
    html: body,
    to: `${event.mail}`
    // bcc: Any BCC address you want here in an array,
};


// create Nodemailer SES transporter
var transporter = nodemailer.createTransport({
    SES: ses
});
const response = {
    statusCode: 200,
    headers: {
      "Access-Control-Allow-Origin": "*", // Required for CORS support to work
      "Access-Control-Allow-Credentials": true, // Required for cookies, authorization headers with HTTPS
      "Access-Control-Allow-Headers": "Origin,Content-Type,X-Amz-Date,Authorization,X-Api-Key,X-Amz-Security-Token",
      "Access-Control-Allow-Methods": "POST, OPTIONS"
    },
    body: JSON.stringify(event)
};
// send email
console.log(event.mail);
transporter.sendMail(mailOptions, function (err, info) {
    if (err) {
        console.log("Error sending email");
        callback(err);
    } else {
        console.log("Email sent successfully");
        callback(null, response);
    }
});};

Запрос:

handleSubmit = event => {
event.preventDefault();
console.log('trying to fetch')
fetch('myInvokeUrl', {
  method: 'POST',
  headers: {
    'Content-Type': 'application/json'
    // 'Access-Control-Allow-Origin': '*'
  },
  body: JSON.stringify({
    name: this.state.name,
    mail: this.state.mail,
    address: this.state.address,
    minion1: this.state.minion1,
    minion2: this.state.minion2,
    minion3: this.state.minion3
  })
})
.then(function(response) {
return response.json()
}).then(function(json) {
  console.log('parsed json', json)
}).catch(function(ex) {
  console.log('parsing failed', ex)
})}

Мой интеграционный ответ

Answer 1

Перейдите к ответу Method post method (не options ) и проверьте, есть ли у вас следующие конфигурации:

Затем перейдите к вашему Интеграционному ответу post метод (не options ) и проверьте, есть ли у вас эти конфигурации:

Попробуйте сначала без функции отправить письмо , просто callback(null, { response }); до отправить письмо ;

Почему?

отправка электронной почты может вызвать Внутренняя ошибка сервера (500) , что означает, что вам придется добавить еще один HTTP Status на оба ваших POST , OPTIONS Integration Response методов.

Надеюсь, что поможет