개발자 퉁이리

CORS CORS는 Cross Origin Resource Sharing의 약자로 교차 출처 리소스 공유를 말한다. 날 너무나도 힘들게 하고 괴롭혔던 CORS CORS가 무엇인지에 대해서는 이전 포스팅에서 이미 다루었으므로 SKIP!! 오늘은 CORS를 proxy로 해결해보자. proxy로 CORS 해결하기 배포 : netlify WEB 배포를 netlify로 했는데 배포 후 서버에서 데이터를 불러오려고 시도하면 계속해서 CORS 오류가 발생했다. CORS가 무엇인지는 알고 그에 대한 해결법도 알고 있었지만 막상 직접 경험하니 머리가 새하얘졌다. 이전 프로젝트에서도 CORS를 만났는데 서버에서 받아오는 데이터를 그냥 저장하여 불러오는 식으로 해결했었는데 이번에는 정말 해결하고 싶었다. 나는 배포를 net..

CORS CORS는 Cross Origin Resource Sharing의 약자로 교차 출처 리소스 공유를 말한다. 브라우저는 동일 출처 정책(SOP)을 따라 자기 자신이 아닌 출처들은 전부 차단한다. 어떠한 데이터가 들어올지 모르기 때문이다. 그렇지만 우리는 여러 가지 정보를 필요로 한다. 외부의 다른 데이터들도 불러오고 싶다. ❓ 브라우저의 차단을 피하고 안전한 데이터를 불러올 수는 없을까? CORS가 서로 다른 리소스를 안전하게 받거나 내보낼 수 있게 해 준다. ✅ CORS 동작 과정 브라우저가 Origin 헤더를 요청에 추가합니다. 그리고 서버가 Origin 헤더의 값과 CORS 구성에 있는 메서드 및 출처 정보와 비교한다. 일치하는 항목이 있으면 Access-Control-Allow-Origin..