지도 - 스크립트 동적 로딩 Unauthorized 에러

Vue로 카카오맵을 사용하려고 하고
Vue에서는 header를 따로 지정해줄 수 없기 때문에
예시와는 다르게 plugin을 만들어서 동적으로 로딩을 해야하는 상황입니다

그래서 링크를 참고하여서 (https://apis.map.kakao.com/web/documentation/#load)
autoload=false를 URL 끝에 추가해서 요청을 해보았고
다음과 같이 오류가 떴습니다
GET http://dapi.kakao.com/v2/maps/sdk.js?appkey={키값이 들어가는 자리입니다}?autoload=false net::ERR_ABORTED 401 (Unauthorized)

그래서 질문은
첫 번쨰로는 Vue에서 사용할 수 있는 Document가 있는지
두 번째로는 아래 링크에서는 왜 Unauthorized됐는지 로그를 알려주시는데 볼 수 있는 방법이 있는지
볼수 없다면 에러 이유가 무엇인지 알려주시면 감사하겠습니다

현재 Vue 관련된 문서는 제공하고 있지 않습니다.

기본적인 지도 생성, 마커 표시, 지도 사이즈 변경 관련 예제와 소스는 아래 링크에서 확인할 수 있습니다.

https://codesandbox.io/s/weathered-worker-cmp1y


* 해당 링크는 Vue에서 이용할 수 있는 방법에 대한 레퍼런스 목적으로 제작되었습니다.
* 정상 동작을 하지 않거나 로직의 문제가 있다면 @lea.ju 에게 메세지 부탁드립니다.

401 에러는 인증 관련 에러로 키 값과 사이트 도메인이 올바른지 확인 부탁드립니다.

앞에서 말씀드렸듯이 키값이나 도메인에는 문제가 없는 걸 확인했습니다
왜냐하면 "?autoload=false"를 추가하기 전에는 되었고
넣고나서 unauthorized에러가 뜨기 때문입니다

그리고 질문은 에러로그를 볼 수 있는 방법이 있는지 궁금하고
또 볼 수 없으면 에러 이유에 대해서 알려주시면 감사하겠습니다

URL param을 여러개 붙여 쓰기 위해서는
?(question mark)가 아닌 &(ampersand)를 join해서 사용해야 합니다.

1개의 좋아요