팀 프로젝트 - 소셜 로그인 데이터 전송 방식 변경
1634 단어 React프로젝트 - 축구 팀 관리React
팀 프로젝트 - 소셜 로그인 데이터 전송 방식 변경
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로 헤더 데이터를 받고 받은 데이터를 그대로 리턴하도록
만든 후 테스트를 해보았다
이렇게 제대로 토큰이 담겨져서 전송된 것을 확인하였다!
Author And Source
이 문제에 관하여(팀 프로젝트 - 소셜 로그인 데이터 전송 방식 변경), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@qnrl3442/팀-프로젝트-소셜-로그인-데이터-전송-방식-변경저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)