현재 springboot, react로 개발 중이고 , 로컬에서는 로그인 시 백엔드 측에서 전달해 준 accessToken이 프론트엔드 측으로 잘 넘어가서 메인 화면에 접근이 가능했었습니다. 하지만 배포 이후 로그인을 하면, 서버에서 accessToken을 발급 하지만, 이 accessToken이 프론트엔드 측으로 넘어가지 않아 메인 화면으로 넘어가지 않습니다. 현재 서버 배포는 nginx를 reverse proxy로 사용해서 / 으로 요청이 들어온다면 http://react-app:3000(컨테이너 이름:포트) 으로 요청을 보내주고, /api로 요청이 들어온다면 http://server:8080 으로 요청을 보내 주고 있습니다. 또한 certbot을 통해 인증서를 발급 받아 nginx에 적용 중입니다.
상황 설명을 위해 배포 전/후의 url, 로그인 부분 axios, 오류 화면을 첨부합니다.
안녕하세요.
확인을 위해 앱 ID 부탁드립니다.
앱ID
https://developers.kakao.com/ 의 내 애플리케이션>앱 설정>요약 정보 : 기본정보에 있는 앱 ID
숫자로된 ID 입니다
ex) 123456
ID 1098808 입니다
안녕하세요.
문의 주신 내용을 잘 이해하지 못하였는데요
첨부 이미지속 토큰은 카카오가 발급한 것이 아닌 서비스측 자체 JWT로 보입니다.
따라서 정리하자면, 백엔드에서 전달해준 서비스측 접근 토큰을 프론트에서 받지 못하는 것으로 문의 주신것 같은데요
첨부 이미지 만으로는 접근토큰을 전달받지 못하였다고 보여지지 않습니다.
어떠한 상황인지 좀 더 구체적으로 설명 부탁드립니다.
네 요약해 주신 상황이 맞습니다. 서버에서 소셜 로그인 관련 api와 cors 설정은 이렇게 해 두었습니다.
그리고 nginx.conf는
이렇게 해 두었습니다. 그리고 nginx container bash에서 certbot을 통해 도메인에 인증서를 발급 받은 상태 입니다.
프론트 분들께서 서버 측에서 토큰 제공 시 토큰을 받으면 메인 페이지로 이동하도록 짜 두셨는데, 서버는 토큰을 제공하지만 프론트 측에서 받지 못해 오류가 생긴 것 같습니다. cors 에러 때문에 그런건지, 만약 그렇다면 해결책은 무엇인지 궁금합니다.
