React에서 세션이 생성되지만 유지 되지 않는 Issue 해결 - withCredentials 옵션

 

 

 

현재 사이드 프로젝트 <뭉치>에서 Express와 React를 가지고 로그인 서비스를 만들고 있었다.

https://bcoding-lab.tistory.com/m/350

Express에서 로그인 서비스 만드는 방법 with.Session

 

하지만 이상한 현상이 포착되었다.

바로 postman에서 로그인을 하면 세션이 잘 유지가 되는데 React에서 로그인을 하면 세션이 생성은 되지만 유지가 되지 않는 Issue가 있었다.

너무나도 이상한 현상이라고 생각했다 😱

 

            axios.post(`http://localhost:3001/user/${type}`, {   
                email : userData.email, 
                password: userData.password
            },{ withCredentials: true })

해결법은 바로 axios에서 요청을 할 때 withCredentials: true가 들어가야 한다는 것이다!

axios에서는 withCredentials 옵션이 false가 기본값이기 대문에 CORS 요청을 허용하기 위해서는 true로 변경해야지 세션이 유지 가능합니다!