카카오 검색 api 401에러

현재 로컬에서 프로젝트를 작성한 후 배포를 하였는데, 401에러가 뜹니다

요약
function findNearestStations(midpoint, result, coords) {
  var api_key = "2a976*****";
  var url = "https://dapi.kakao.com/v2/local/search/keyword.json";
  var headers = { "Authorization": "KakaoAK " + api_key };
  var query = "지하철역";
  var params = { "query": query, "x": midpoint[1], "y": midpoint[0] };
  fetch(url + "?" + new URLSearchParams(params), { headers: headers })
    .then(function (response) {
      return response.json();
    })
    .then(function (data) {
      if (data.documents && data.documents.length > 0) {
        var station = data.documents.find(function (station) {
          return station.category_group_name === "지하철역";
        });

오류는 이런식으로 뜹니다
dapi.kakao.com/v2/local/search/address.json?

query=%EA%B2%BD%EA%B8%B0%20%EC%84%B1%EB%82%A8%EC%8B%9C%20%EB%B6%84%EB%8B%B9%EA%B5%AC%20%EC%84%9C%ED%8C%90%EA%B5%90%EB%A1%9C%2029&page=1&size=10:1 Failed to load resource: the server responded with a status of 401 (Unauthorized)

localhost로 접속할때에는 응답이 잘됩니다
어떤게 문제일까요

401 에러는 앱 인증 오류로 개발자 도구 > 네트워크 탭에서 헤더에 API KEY키가 올바르게 적용되어 있는지 확인 부탁드립니다.

web 사이트 도메인 설정을 하지 않아서 나온 오류였습니다…ㅎㅎ 감사합니다!

1개의 좋아요