로컬 api cors 문제

지도/로컬 API
#1

안녕하세요.

더운 날 고생이 많으십니다.

다름이 아니라 https://dapi.kakao.com/v2/local/search/address.json 해당 API 를 사용하려 하는데

개발 중 Request header field accept-language is not allowed by Access-Control-Allow-Headers in preflight response.

와 같은 CORS 에러가 발생합니다.

에러 내용만 볼 경우에는 서버측에서 accept-language 가 허용되지 않은 필드인데 요청 헤더에 있어서 문제가 되는 부분으로 이해했습니다.
근데 해당 헤더가 브라우저에서 요청이 나갈 때 자동으로 설정되는 헤더로 보입니다. 요청 보내기전 임의로 헤더를 셋팅하려 해도 변경이 안되는 것 같습니다.

혹시 해당 헤더 관련하여 확인 및 허용이 가능하실까요?

#2

특정 라이브러리를 통해서 서버와 비동기 통신을 하고 있는 경우,
해당 라이브러리(xhr, fetch)에서 임의로 헤더를 넣어 요청하는 경우가 있을 수 있습니다.

해당 헤더값이 자동으로 추가되지 않도록 옵션을 주거나,
헤더값 제어가 불가능한 경우, 대체 라이브러리 사용이 또는 직접 구현을 통해
인증 외의 헤더값이 요청에 포함되지 않도록 해주세요.

fetch('https://dapi.kakao.com/v2/local/search/address.json?query='+encodeURIComponent('전북 삼성동 100'), {
    method: 'GET',
    headers: new Headers({'Authorization': 'KakaoAK REST_API_KEY'})
}).then(res => res.json())
.then(data => console.log(JSON.stringify(data, null, '\t')))
.catch(error => console.error('Error:', error));
1개의 좋아요
키워드검색으로 주소를 axios.get할 때 정보를 가져오지 못합니다
#3

넵, 답변 감사드립니다.

1개의 좋아요