API Gateway CORS 문제 해결

Vue 프런트랑 연결 중 

아래와 같은 Cors 관련 오류가 날 때 

option 매소드에 header에 응답을 추가해 줘야 해결이 된다. 

Request header field access-control-allow-origin is not allowed by Access-Control-Allow-Headers in preflight response.

 

가장 빠른 해결 책은 아래 두 값을 * 로 바꿔주기

Access-Control-Allow-Headers

Access-Control-Allow-Origin

 

여기서 바꾸는걸 한참 찾았음

API Gateway에서 메서드를 누르고 

메서드 응답 / 통합 응답 을 클릭한다. 

헤더 매핑을 수정한다. 

 

이분께 감사~!!

https://dalsim777-tech.tistory.com/10

[CORS] AWS API GW Setting하여 CORS 문제 해결하기