JUNHEE LEE
70
2021-08-24 16:06:15 작성 2021-08-24 16:11:19 수정됨
1
130

react 환경에서 cookie 저장 질문


리액트에서 소셜로그인을 구현하는 중에 질문 남깁니다!

1. 프론트에서 카카오로 로그인 또는 네이버로 로그인 버튼 클릭 시

2. 백엔드에서 열어둔 콜백으로 넘어가 (리다이렉트) 소셜 정보를 바탕으로 로그인을 완료하면,

3. 백엔드에서 REFRESH_TOKEN을 프론트의 로컬로 리다이렉트하여 set-cookie 헤더에 담아 넘겨주는 상황입니다 (성공적으로 넘어옴)

프론트에서 header에 담겨넘어오는 refresh_token을 저장하기 위해서는 어떻게 해야 하는지 궁금합니다..!!

react-cookie와 MDN에 cookie와 관련된 내용을 읽어 보았는데 

react-cookie를 통해 setCookie를 하는 내용은 프론트에서 내용을 임시로 저장하기 위해 쿠키 스토리지에 저장하는 것으로 보여서 백엔드에서 넘겨주는 토큰을 저장하기 위한 방법으로 사용이 가능한지 잘 모르겠습니다 ㅠ



정제된 토큰은 제대로 내려오는 상황인데 이를 쿠키에 저장하고 싶습니다..!

0
  • 답변 1

  • JUNHEE LEE
    70
    2021-08-24 17:18:56

    콜백 URL 까지는 토큰이 유효한데, 프론트 단으로 리다이렉트 시에 header에 토큰이 안내려오는 것 같네요..  자문 자답하였습니다..!

  • 로그인을 하시면 답변을 등록할 수 있습니다.