현재 카카오 소셜 로그인 작업중인데 아래와 같은 에러를 발생시켜 문의 드립니다.
현재 인가 코드를 프론트쪽에서 발급받고 그 인가 코드로 카카오에 요청해 토큰까지 받은 후 카카오에서 받은 토큰을
백엔드(서버) 쪽으로 넘겨주고 백엔드는 그 받은 토큰으로 카카오에게 유저 정보를 요청하고 있습니다
백엔드쪽은 CORS를 다 허락한 상태입니다 어떤 부분을 놓치고 있는 걸까요?
카카오 로그인 버튼
토큰을 받아 백엔드로 넘기는 코드
현재 카카오 소셜 로그인 작업중인데 아래와 같은 에러를 발생시켜 문의 드립니다.
현재 인가 코드를 프론트쪽에서 발급받고 그 인가 코드로 카카오에 요청해 토큰까지 받은 후 카카오에서 받은 토큰을
백엔드(서버) 쪽으로 넘겨주고 백엔드는 그 받은 토큰으로 카카오에게 유저 정보를 요청하고 있습니다
백엔드쪽은 CORS를 다 허락한 상태입니다 어떤 부분을 놓치고 있는 걸까요?
카카오 로그인 버튼
토큰을 받아 백엔드로 넘기는 코드
안녕하세요.
첨부 이미지를 보면 https://tgle.ml/users/oauth/kakao/callback
에서 CORS 오류가 발생합니다.
해당 서비스에서 localhost:3000 으로 CORS 처리가 안되어 있습니다. 해당 서비스측 로직을 확인하셔야 할것 같습니다.
해당 서비스측이라면 백엔드(서버) 쪽 말씀하시는건가요?
https://tgle.ml/users/oauth/kakao/callback
서버를 말합니다.
응답헤더의 Access-Control-Allow-Origin 값에 localhost:3000 이 없을것 같습니다.
확인해 보겠습니다 감사합니다!
해당 요청에서 302 리디렉션하였는데요 /concerts 에서도 정상처리되실까요?
콘솔로그와 네트워크 로그를 함께 보셔야 할것 같습니다.
백에서 보내준 리디렉션으로 이동되지 않고 인가 코드가 적혀있는 페이지에 머물러 있습니다
아래는 코드입니다
로그인을 시도하면 catch 쪽 콘솔인 에러로 빠지게 됩니다
백에서는 토큰을 받고 유저정보를 요청후 유저정보를 저장하고
프론트쪽으로 토큰을 재가공해서 보내주는 과정인데 해결이 안되고 있습니다ㅠㅠ