CORS Issue - React form / API Gateway / Lambda function / nodejs - Execution failed due to configuration error

Question

HI There,

My question is about CORS issue when I'm trying to connect a React form to lambda function through api gateway. The backend is setup using Terraform scripts.

The API endpoints respond fine when testing with Postman however it throws the below error when hitting the api endpoints from React form -

-------------------
HTTP Method: OPTIONS, Resource Path: /register

Execution failed due to configuration error: No match for output mapping and no default output mapping configured. Endpoint Response Status Code: 200

Method completed with status: 500
------------------
I've spent tens of hours trying to fix this using various guidance from the web however to no avail.
Therefore has anyone faced this issue before and how did this get resolved.

Answer

Hi,

It's not a CORS issue, it's API Gateway misconfiguration. Please take a look here (and the following examples) https://docs.aws.amazon.com/apigateway/latest/developerguide/how-to-method-settings-execution-console.html
how to configure output mappings.

CORS Issue - React form / API Gateway / Lambda function / nodejs - Execution failed due to configuration error

Method completed with status: 500

Relevant content