프론트단에서 쿠키가 받아지지 않을 때, 해결방법 : withCredentials 설정하기

프론트개발 진행중에 쿠키가 받아지지 않는 경우 해결방법 : axios 예시

---

백엔드와 프론트엔드의 도메인 주소가 다른 경우, 쿠키 전송이 되지 않아 당황스러운 경우가 있다.

이를 해결하기 위해서는 withCredentials 를 설정해주어야 한다.
axios를 사용할 경우 아래와 아래와 같이 작성해주면 된다.

axios.get(주소, { withCredentials: true });

axios.post(주소, 데이터, { withCredentials: true });

위와 같이 설정했음에도, 쿠기가 받아지지 않는다면 백엔드단에서 설정이 잘못되어 있을 수 있다.