WebView 미니앱에서 외부 도메인으로 나가는 fetch(POST)가 "Failed to fetch"로 막힙니다 — 아웃바운드 도메인 허용 방법 문의

개발
1

이 글의 성격은 무엇인가요?

질문 / 문제 해결

내용을 설명해주세요

안녕하세요. WebView 기반 미니앱을 개발 중인데, 미니앱 안에서 외부 API 서버로
POST fetch를 보낼 때 토스 앱 안에서만 "Failed to fetch"가 발생해 문의드립니다.

■ 환경

  • 프레임워크: @apps-in-toss/web-framework 3.0.3 (WebView / Vite + React)
  • appName: ppob (인형뽑기 본전분석)
  • 호출 대상: https://ppob-ai-aics.vercel.app/api/price
    · 메서드: POST
    · 헤더: Content-Type: application/json
    · 본문: { “imageBase64”: “data:image/jpeg;base64,…” } (사진 분석용)

■ 증상

  • 토스 앱(미니앱 WebView) 안에서 위 API로 POST 요청 시 “Failed to fetch” 발생
  • 동일한 요청을 PC/모바일 일반 브라우저에서 실행하면 100% 정상 동작
    (즉, 미니앱 UI·이미지 선택은 정상이고 오직 외부 fetch만 실패)

■ 서버 측 확인/조치

  • 응답에 CORS 설정 완료: Access-Control-Allow-Origin: *
  • OPTIONS 프리플라이트 핸들러 구현 (204 반환)
  • 일반 브라우저에서는 프리플라이트/POST 모두 정상 통과 확인

■ 참고

  • 커뮤니티에 유사한 사례(“WebView 외부 fetch POST가 토스 outbound
    CloudFront에서 403 차단”)가 있어, 아웃바운드 도메인 허용이 필요한 것으로
    추정하고 있습니다.

■ 질문

  1. WebView 미니앱에서 외부 도메인으로 나가는 fetch(특히 POST)를 허용하려면
    해당 도메인(ppob-ai-aics.vercel.app)을 어디에 등록해야 하나요?
    (콘솔 설정 / apps-in-toss.config / 검수 단계 선언 중 무엇인가요?)
  2. 등록 절차와 위치(콘솔 메뉴명 등)를 알려주시면 감사하겠습니다.
  3. 등록 후 반영까지 시간이 걸리나요? 심사 통과 전 샌드박스에서도
    외부 fetch가 가능한가요?

감사합니다.

2

안녕하세요 :slight_smile:
아웃 바운딩 호출은 별도로 막고 있지 않습니다. 별도로 도메인 허용이 필요하지 않아요 :man_bowing:
자체 서버 로그 확인 부탁드립니다!