[FAQ] 지도/로컬 API 문의 전 꼭 읽어 주세요.
안녕하세요. 카카오에서 지도API를 사용하고 있습니다.
Next.js 13 환경에서 사용하고 있는데요,
로컬환경에서 잘 되고, 로컬에서 빌드해서 사용했을 때도, 문제가 없는데
배포해서 사용하는 환경에서는 401에러가 뜨네요… 도메인 등록을 해줬는데도요
맵을 사용하는 페이지가 따로있는데, 메인페이지에서 시작해서 맵을 사용하는 페이지로 이동하면 지도가 뜨고 동작을 하는데, 콘솔에는 401에러가 뜨고, 맵을 사용하는 페이지에서 새로고침을 했을 때는, 401에러가 뜨고 맵도 로딩 되지 않습니다. 무엇이 문제일까요 …ㅜㅜ
https://k2b218aaad192a.user-app.krampoline.com/
아뇨 도메인이름 등록을 했습니다.
본 글에 써져있는 도메인 주소로 입력을 했고, 본문에서 썼듯이,
https://k2b218aaad192a.user-app.krampoline.com 에서 https://k2b218aaad192a.user-app.krampoline.com/search 로 이동할 때에는 맵이 잘 나오고 https://k2b218aaad192a.user-app.krampoline.com/search에서 새로고침을 하면 401 에러가 뜹니다.
로컬환경에서는 전혀 문제가 없구요 … 뭐가문젠지 모르겠습니다.ㅜㅜ
앱 키가 undefined로 설정되어 있습니다. 확인 부탁드립니다.
https://dapi.kakao.com/v2/maps/sdk.js?appkey=undefined&autoload=false&libraries=services
네 확인했습니다…
메인페이지에서 리로드 할떄는 앱키가 제대로 들어가는데, 볼링장찾기 페이지에서 리로드 할 시에 appkey가 undefined로 뜨네요 … 뭐가 문제인지 잘 모르겠습니다 …ㅜㅜ
혹시 appkey를 환경변수로 지정해서 사용하면 안되나요 ??
앱키를 환경 변수로 관리해서 사용할 수 있습니다.
개발 환경과 앱 키 설정등 제가 똑같이 구성할 수 없기 때문에 자세한 답변드리기 어려운 점 양해 부탁드립니다.
디버깅을 하면서 해당 페이지에서 앱키가 누락되는 이유를 찾으셔야 할 것 같아요.
검색 페이지에서 스크립트 로드하는 부분에 디버깅을 걸어서 앱키가 올바른지 확인해주세요.
넵 알겠습니다 답변 감사합니다.
