카카오페이 REST API호출 net::ERR_ABORTED 401 (Unauthorized) 에러

카카오페이 API
#1

const adminKey = 'my admin key’
paymentConfig = {
cid: “TC0ONETIME”,
partner_order_id: “1001”,
partner_user_id: "test@test.com",
item_name: “초코파이”,
quantity: 1,
total_amount: 3300,
tax_free_amount: 0,
approval_url: “http://localhost:3000”,
cancel_url: “http://localhost:3000”,
fail_url: “http://localhost:3000”
}
fetch(“https://kapi.kakao.com/v1/payment/ready”, {
method: “POST”,
mode: “no-cors”,
credentials: “include”,
headers: {
“Access-Control-Allow-Origin”: “*”,
Authorization: "KakaoAK " + adminKey,
“Content-type”: “application/x-www-form-urlencoded;charset=utf-8”
},
body: JSON.stringify(paymentConfig)
}

카카오페이 REST API 호출시 다음과 같은 에러가 납니다.
kakaoPayment.js?acb9:50 POST https://kapi.kakao.com/v1/payment/ready net::ERR_ABORTED 401 (Unauthorized)

발급받은 adminKey는 정확히 입력하였고, 제대로 보내고 있습니다.
내 웹 도메인 설정 부분에서도 (http://localhost:3000) 제대로 설정 해놨습니다.
테스트를 실행한 도메인도 해당 도메인과 정확히 일치합니다.

로컬 호스트로 테스트 중인데 아무리 헤더를 고쳐봐도 해당 401에러가 계속 납니다. 왜 계속 이 에러가 나는걸까요?

*추가적으로 말씀드리면 로그인은 kakao sdk를 불러와서 Kakao.init(kakaoConfig)으로 초기화하고 Kakao.Auth 함수를 통해서 구현 했습니다. 이건 잘 작동합니다. (카카오페이 rest api 호출을 위한 fetch 만 문제가 되는 상황)

#2

response body를 확인해보시면 에러의 원인을 알 수 있습니다.

{“msg”:“no authentication key!”,“code”:-401}

아마도 위 에러가 발생했을 것 같은데요, Authorization Header가 누락되어서 발생한 에러에요.
header 넣어주는 부분 다시 확인해보셔야 할 것 같아요.

#4

말씀하신대로 header 구성이 문제였네요 감사합니다.