react session 보관 문제

문제

서버로부터 받은 세션을 유지하고 다른 페이지로 넘어갈 때 사용해야 하는데 다른 페이지로 넘어가면 인증되지 않았다는 오류가 발생한다. 그러나, 브라우저 내에서는 세션이 존재한다. 

 

해결

axios에서 cookie를 교환할 때 withCredentials를 true로 바꿔줘야 한다. 그러나, 설정이 되면 CORS issue가 발생해 구글링 해보았다. 동일한 문제를 겪은 한 블로거가 친절하게 해결법을 제시해 그대로 따라해보았다. 먼저, withCredentials 설정을 전역 구역으로 올리고 서버 측에서 origin: '*' 을 클라이언트인 origin: 'http://localhost:4000' 로 변경했다. 그 결과 정상적으로 동작에 서버로부터 게시글 조회를 할 수 있게 되었다.

 

 

client : /src/signin.js

server : /app.js

 

출처

https://helloinyong.tistory.com/129

[2019.06.04] 오늘의 TIL - passport deserializeUser 호출이 안되는 문제(postman은 정상작동하고 브라우저에서는 안되는 문제)