vue.js에서 인가코드를 받은 후 토큰을 발급받는 과정에서 401 unauthorized에러가 뜹니다.
관련 request 코드 입니다. 어떤 부분이 문제인지 파악이 어렵습니다ㅠㅜ 도와주세요
headers: {
‘Content-type’: ‘application/x-www-form-urlencoded;charset=utf-8’,
}
async function getTokens(code, success, fail) {
await kakao
.post("/oauth/token", {
grant_type: “authorization_code”,
client_id: “rest_api키”,
redirect_uri: “http://localhost:8080/user/singin”,
code: code,
client_secret:‘발급받은 client_secret’
})
.then(success)
.catch(fail);
}
안녕하세요.
아래글을 참고 부탁 드리며, 해결이 어려울 시, 앱ID를 포함하여 댓글 남겨주세요~
https://devtalk.kakao.com/t/koe010-bad-client-credentials/115388
답변 달아주신 링크를 참고하였으나 해결이 되지 않아 댓글을 다시 남깁니다ㅠ
앱 아이디 : 748015
입니다. 감사합니다.
제공해 주신 코드는 사용자 브라우저에서 동작하나요?
네 작동하고 있습니다. Vue.js를 사용하고 있고, 콘솔창에서 axios error가 뜨는 것을 확인할 수 있습니다.
사용자 브라우저에서 접근토큰은 발급 받을 수 없습니다.
브라우저에서 CORS 오류가 발생 하셨을거라 생각됩니다.
KOE010 오류는 디벨로퍼스에 설정하신 client_secret 값과 파라메터로 전달하신 client_secret 값이 다를 때, 발생합니다.
그리고, client_secret 값은 백앤드를 위한 보안 코드로써 클라이언트에 노출되어서는 안됩니다.
접근토큰 발급을 서버에서 처리하시도록 해야 합니다.
클라이언트에서 토큰을 받으려고 해서 문제가 생긴 것일까요?
client_secret 값은 몇 번이나 체크를 했는데 왜 문제가 생기는지 모르겠네요…
우선 백엔드에서 처리를 하도록 수정하도록 하겠습니다.
고맙습니다.