Preflight Request
CloudFront에 올린 Font(woff, woff2)가 CORS 때문에 차단되는 경우
CloudFront에 올린 Font(woff, woff2)가 CORS 때문에 차단되는 경우
2022.08.21폰트가 계속 차단이 되는 경우 확인해 볼 것 CORS 에러가 발생한 상황 프로젝트를 하다가 유독 Web Font(woff, woff2)만 CORS에 의해 막히는 이상한 현상이 발생했습니다. 아래와 같이 CSS에서 우리가 CDN에 올려준 Font를 불러오도록 했습니다. Access-Control-Allow-Origin 응답 Header에 이 Font를 요청하는 사이트 주소도 잘 추가되어 있었습니다. 일단 저는 S3에 폰트를 업로드하고 CDN이랑 연동을 했습니다. 그리고 CDN에서는 S3 bucket의 CORS 정책을 쓰도록 했습니다. CloudFront와 CORS 정책은 아무 문제가 없어 보였습니다. 그런데 계속 Access-Control-Allow-Origin에 의해 CORS 의해 막혔습니다. Conso..
내가 찾은 CORS Error의 올바른 해결법
내가 찾은 CORS Error의 올바른 해결법
2020.05.03CORS Error에 대해서 알아보자! * 예시를 위해 Flask를 사용했지만 Flask를 모르셔도 괜찮습니다. 다른 프레임워크에서도 지원하는 기본적인 기능만을 사용했습니다. 원인 Same Origin Policy와 Cross Origin Policy를 모른다면 실수하기 쉽다. 이 정책을 모른채로 코딩하다가는 난 잘 코딩했는데 아래와 같은 Error가 뜨면서 json 데이터 같은 외부 자원들을 읽어오지 못하는 경험을 할 수도 있다. Access to XMLHttpRequest at '주소A' from origin '주소B' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested r..