WebView Source URI 경로 문제

• 문제

  • 배포된 앱에서 WebView 내 Next.js 페이지가 보이지 않음.
  • 개발 서버에서는 정상 동작하나, 배포된 앱에서는 아래와 같은 에러 발생.

• 에러 메시지

  “Application error: a client-side exception has occurred while loading [csp-dev.nc.ai.com](<http://csp-dev.nc.ai.com>) (see the browser console for more information)”
  

• 원인 분석

  • 배포 환경(Nginx)에서 Next.js 경로가 잘못 반환되고 있었음.
  • webview에 설정한 source.uri 경로에 슬래시(/)가 중복되어, 잘못된 URL로 요청이 가는 문제 발생.
  • 예) https://csp-dev.nc.ai.com//page 처럼 잘못된 경로로 요청.
  • injectedJavaScript를 통해 WebView 내부 콘솔을 확인하며 원인 파악.

• 해결 과정

  • WebView source.uri 경로 설정 시, 슬래시(/) 중복 여부 확인 및 제거.
  • Nginx rewrite 설정 검토 → 별다른 문제 없음.
  • 코드 레벨에서 uri를 조정하는 방식으로 해결.

  // 잘못된 예
  uri: "<https://csp-dev.nc.ai.com//page>"
  
  // 수정
  uri: "<https://csp-dev.nc.ai.com/page>"
  

• 결과

  • WebView에서 배포된 Next.js 페이지 정상 노출.
  • 더 이상 위와 같은 에러 발생하지 않음.
  • 개발/배포 환경 모두 동일하게 동작 확인 완료.