이 글의 성격은 무엇인가요?
질문 / 문제 해결
내용을 설명해주세요
안녕하세요!!!
카카오맵 JS SDK(https://dapi.kakao.com/v2/maps/sdk.js)를 태그로 로드하려는데, iOS 실기기(토스 앱 내 미니앱)에서 계속 로드 실패합니다.
기본 설정은 다 확인했습니다:
- 카카오 개발자 콘솔에 도메인 등록 완료
- 카카오맵 서비스 활성화 완료
- 실제 실행 중인 location.href(https://sunset-glow.private-apps.tossmini.com/?host=appsInTossHost)가 등록한 도메인과 정확히 일치
- 페이지에 CSP(Content-Security-Policy) meta 태그도, 응답 헤더도 없음
증상을 좁혀보니:
- 태그로 해당 URL을 로드하면 script.onerror 발생 (3회 재시도 모두 실패)
- 동일 URL을 fetch(url, { mode: ‘no-cors’ })로 호출하면 성공함 (type=opaque) — 네트워크 요청 자체는 정상 왕복
- fetch(url, { mode: ‘cors’ })는 TypeError: Load failed로 실패 (카카오 서버가 CORS 헤더를 안 주는 것으로 보이는, 예상 가능한 실패)
즉 일반 네트워크 요청(fetch)은 되는데 태그로 불러오는 리소스만 막히고 있습니다. 혹시 웹뷰에 리소스 타입(script vs fetch)별로 다른 도메인 허용 정책이 있나요?
