CORS2 CORS란 무엇인가 (CORS, SOP, Preflight) CORS 정책 위반...읽기 두려운 에러 메세지... 최근 인턴쉽에서 아비웹 고도화 프로젝트를 진행하면서 CORS 정책 위반으로 에러가 발생했었다. 강렬한 붉은색의 에러 메세지... 천천히 읽어보면 나름 친철하게 해결방법을 알려주고 있는데, 처음 봤을 때는 강렬한 붉은색의 에러 메세지에 당황했던 기억이 있다. 살펴 볼 키워드 CORS를 이해하기 위해서는 CORS라는 단어 뿐 아니라 연관된 용어들을 이해하고 알아야한다. 다음 순서대로 글을 작성하였다. CORS (Cross-Origin Resource Sharing) Origin (출처) SOP (Same-Origin Policy) Preflight CORS (Cross-Origin Resource Sharing) '다른 출처'에 리소스를 요청할 때, 해당.. 2022. 1. 4. 🍪 쿠키에 token 담아보내기(CORS와 Cookie옵션 설정) 새로고침 했을 때, Cookie가 없어지는 오류 CORS 설정, Cookie 옵션까지 잘 작성한 뒤 배포 서버에서 테스트를 했을 때 역시나 문제가 발생했다. 페이지를 새로고침(reload)했을 때 Cookie에 저장한 token이 날라가는것.. 아니 왜. 저장 잘했었는데. 😂️😂️😂️ 계속해서 찾아보고 구글링하다가 결국 다시 cookie 탭에서 옵션들을 확인했는데, Domain이 백엔드 서버 도메인으로 되어 있을 것을 확인했다. 프론트 서버 도메인이 아니라!!! cookie option에 domain으로 프론트서버 주소를 지정해주니 새로고침해도 쿠키가 남아있었다. 🎉️ CORS정책은 공부해야 할 내용이기 때문에 이번에 공부하고 찾아봤던 내용들을 정리해봤다. 🔐️ CORS 설정 const corsOptio.. 2021. 12. 14. 이전 1 다음 반응형
