AWS Amplify CORS 해결하기

CORS!
AWS Amplify로 배포한 정적 페이지를 로컬에서 확인하기 위해 작업중 CORS를 만난다.

이유는 local에서 참조하려는 js의 주소가 다른 도메인인 경우 발생.

이때 aws amplify에서 사용자 지정 헤더를 통해 access를 허용해줄 수 있다.

사용자 지정 헤더에서 편집을 누르고 아래 코드를 입력해준다.

customHeaders:
  - pattern: '**'
    headers:
      - key: Access-Control-Allow-Origin
        value: '*'

다시 로컬에서 주소를 호출한다면 정상으로 작동하는 것을 볼수 있다.

참조 : https://coconutstd.github.io/posts/CORS/