0
320
ViewsPuerta de enlace API de AWS y error de CORS del autorizador
Me tomó un tiempo darme cuenta de que no es un problema de CORS. Tengo configurado el autorizador de Cognito con mi API Gateway. Pruebo con mi IDtoken usando Postman, cuando el autorizador en mi encabezado es incorrecto o el token está vencido, la respuesta del cartero me lo dice
{ "message": "Unauthorized" } { "message": "Token expired" }El problema es que, en mi dev/localhost; Obtendría los resultados correctamente si el token es correcto, pero cuando el token está dañado o vencido, aparece un error de COR. ¿Cómo configuro esto para poder manejar los resultados correctamente?
Access to XMLHttpRequest at 'https://xcz3vfg4n7.execute-api.us-west-2.amazonaws.com/prod' from origin 'http://localhost:3000' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. xhr.js:210 POST https://xcz3vfg4n7.execute-api.us-west-2.amazonaws.com/prod net::ERR_FAILED 4031 answers
Answer question0
Nos encontramos con este mismo problema y, como era doloroso de resolver, pensé en escribir la solución.
Específicamente, recibíamos el error de COR a través de Axios en nuestra aplicación React, pero no recibíamos el error a través de cURL o Thunderclient (extensión similar a Postman para VS Code).
En realidad, a la resolución le faltaban encabezados en el objeto de "respuesta" de API Gateway.
Dado que cURL y Thunderclient/Postman no se preocupan por los COR (porque están basados en servidor, no en navegador), esas herramientas no buscan el encabezado 'Access-Control-Allow-Origin' en la respuesta.
Recibimos nuestra llamada de opciones de verificación previa 200 sin problemas, y luego nos dimos cuenta de que la llamada POST devolvía el 401 sin un encabezado 'Access-Control-Allow-Origin'.
Dado que el autorizador está en la solicitud de método, nunca pasa el proxy de Lambda en API Gateway y, por lo tanto, no devuelve encabezados de respuesta completos.
Entonces... la solución fue realmente muy simple.
- Vaya a "Respuestas de puerta de enlace"
- Elija la opción "No autorizado"
- Agregue los encabezados de respuesta (ver captura de pantalla)
IMPORTANTE: No olvide "Reimplementar" su API o los cambios no surtirán efecto
Ejemplo: 