[main project day 8] CORS 에러 잡기

개발환경에서 CORS 에러 잡기

CORS 에러 잡기 대작전

access-control-allow-origin: *
withCredentials: true

에서

access-control-allow-origin: http://localhost:3000
withCredentials: true

로 바꿔서

해결!

get 요청

post 요청

CORS에러.. 프로젝트 전에 이렇게 열심히 공부했어도 막상 때려잡으려고 하니 2시간 헤매서 겨우 잡았다 .. ㅎㅎ
https://velog.io/@jasmine0714/CORS

얼른 때려잡고 싶어서 "일단 와일드카드부터 해봅시다"로 스타트한 게 잘못이었다. ㅋㅋㅋ 와일드카드가 CORS의 원인이었는데 말이다!

요청에 브라우저의 쿠키 정보나 인증과 관련된 헤더를 담겠다고 withCredentials: true로 설정해놓았으면서, Access-Control-Allow-Origin은 와일드카드(*)로 지정해놓으면 브라우저가 요청을 파기해버린다. 반드시 명시적으로 기재한 출처에서 날아온 요청에 대해서만 서버가 응답할 수 있도록 해야한다.