3-2. 220606 소셜 로그인을 위한 클라이언트와 서버 연결(1)

kakao developer 공식 문서를 활용하여 인가 코드를 받아오는 요청을 하고, 서버에서 토큰을 보내주는 요청을 하는 코드를 작성했다.

 

처음 클라이언트에서 get요청을 보낼 때 

`https://kauth.kakao.com/oauth/authorize?response_type=${code}&client_id=${process.env.REACT_APP_KAKAO_REST_API_KEY}&redirect_uri=${process.env.REACT_APP_KAKAO_REDIRECT_URI}`

이렇게 써서 보내주었더니 계속해서 has been blocked by CORS Policy를 콘솔에서 마주치게 되었다.

 

cors에러에서 나온 링크를 다시 들어가 로그인을 했을 때 KOE201 invalid_request를 받았다.

이런 에러는 지원하지 않는 response_type을 인가 코드 요청에 포함하는 경우, Unsupported response type: {response_type}이며 response_type 파라미터 값이 code인지 확인한 후 재요청해야 한다고 했다.

 

코드를 이렇게 고쳤더니 KOE201 에러는 뜨지 않았지만 여전히 CORS 에러가 떴다.

`https://kauth.kakao.com/oauth/authorize?response_type=code&client_id=${process.env.REACT_APP_KAKAO_REST_API_KEY}&redirect_uri=${process.env.REACT_APP_KAKAO_REDIRECT_URI}`

 

레퍼런스 링크를 활용하여

 

`http://localhost:3000?code=${code}`

라고 고쳐서 보냈더니 CORS에러가 사라졌다.

 

하지만 서버단에서 토큰을 undefined, 즉 받아오지 못하는 에러를 아직 해결하지 못해 내일 해결할 예정이다.