팀 프로젝트 - 소셜 로그인 데이터 전송 방식 변경

POST -> GET

처음에는 바디에 토큰과 어떤 토큰인지를 알려주는 ID 값을 넣어서 포스트로 전송하였다

그런데 백에서 API를 하나로 받지않고 소셜로그인 별로 분기해서 API를 만든다고 하여서

따로 보내야 하고 토큰만 보내주면 된다고 GET 방식으로 쿼리 헤더데이터에 토큰을 넣어서

보내달라고 하였다

그래서 현재 있는 코드에서 GET으로 변경하고 params로 데이터를 넣어서 전송하였다

카카오

카카오 POST 방식

    axios.post('/api/token', body) //토큰, 추가 정보 전송
    .then(res => {
      if(res.data.success){
        console.log(res.data)
      }
    })
    .catch(err => console.log(err))
    };
    
카카오 GET 방식으로 변경

axios.get('/api/kakao',{
      params: {
        token1: token
      }
    }) //토큰 전송
    .then(res => {
      if(res.data.success){
        console.log(res.data)
      }
    })
    .catch(err => console.log(err))
    };

구글

구글 POST 방식

    axios.post('/api/token', body) //토큰, 추가 정보 전송
    .then(res => {
      if(res.data.success){
        console.log(res.data)
        navigate('/extrainfo2')
      }
    })
    .catch(err => console.log(err))
  }
  
구글 GET 방식으로 변경

  axios.get('/api/google', {
    params: {
      token1: token
    }
  }) //토큰 전송
  .then(res => {
    if(res.data.success){
      console.log(res.data)
      navigate('/extrainfo2')
    }
  })
  .catch(err => console.log(err))

이렇게 변경하였고 노드JS로 헤더 데이터를 받고 받은 데이터를 그대로 리턴하도록

만든 후 테스트를 해보았다

이렇게 제대로 토큰이 담겨져서 전송된 것을 확인하였다!