로그인 후 토큰 값 가져오기 시 POST https://kauth.kakao.com/oauth/token 400 (Bad Request)

const kakaoHeader = {
'Authorization': 'ddb282e9e9a5e2bb7d96c93b41bf21a4',
'Content-type': 'application/x-www-form-urlencoded;charset=utf-8',

};

const getKakaoToken = async (code) => {
console.log(‘loginWithKakao’);
try {
const data = {
grant_type: ‘authorization_code’,
client_id: ‘7f388f87a53c908f562ab8cf34456a7e’,
redirect_uri: ‘http://localhost:8080/home’,
code: code,
};
const queryString = Object.keys(data)
.map(k => encodeURIComponent(k) + ‘=’ + encodeURIComponent(data[k]))
.join(’&’);

    console.log(queryString)
    console.log(('https://kauth.kakao.com/oauth/token', queryString, { headers: kakaoHeader }))
    const result = await axios.post(`https://kauth.kakao.com/oauth/token`, queryString, { headers: kakaoHeader });
    console.log('카카오 토큰', queryString);
    console.log(result)
    return result;
} catch (e) {
    return e;
}

};

29

Vue.js 입니다.
client_id, redirect_uri, code 재확인도 해봤는데…
왜 POST https://kauth.kakao.com/oauth/token 400 (Bad Request) 가 뜰까요 ㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠ

혹시 몰라 전체 코드 올린 깃 레포지 주소도 올립니다 ㅠㅠ

https://github.com/2taesung/KakaoLogin

안녕하세요~

/oauth/authorize 로 받은 인가 코드를 재사용해서 그렇습니다.

/oauth/token 요청 시, 사용하는 인가 코드는 한번 사용하면, 폐기 되므로

/oauth/authorize로 code 를 다시 받아야합니다~

1개의 좋아요

처음부터 다시 하니 잘 되네요! 정말 감사합니다!!!

1개의 좋아요