앱인토스 TypeError: Failed to Fetch 문제

앱인토스에서 개발하던 중, api 데이터를 받아올 때 문제가 생겼다.

근데 테스트 환경에선 잘 되는데, 실제 빌드 환경에선 자꾸 에러가 보이는 것이었다.

 

앱인토스에 출시하기 위해 개발할 때 가장 아쉬웠던 점은,

실제 빌드 환경에서 로그를 확인하기 어려운 것이었다.

직접 화면에 로그를 출력해서 볼 수 밖에 없었다.

결국 화면에 로그를 출력하는 빌드를 다시 배포해서 봐야하니까, 

앱 관리 페이지가 다소 의미 없는 빌드로 채워졌다.

 

어쨌든 에러 로그를 확인하니 

TypeError: Failed to Fetch 라고 뜨길래,

CORS 문제인가 싶었는데 그 문제는 확실히 아니었다.

 

알고보니 캐시 문제였다.

새로 요청을 해도 stale한 데이터가 여전히 남아 있어서 계속 문제가 된 것.

브라우저에선 캐시 삭제가 아주 쉽다.

앱인토스에선 어떻게 캐시를 삭제하나 싶었는데 방법이 간단했다.

그냥 휴대폰 설정에서 토스 애플리케이션에 들어가 캐시 삭제하면 지워진다.

나는 안드로이드 휴대폰으로 해서 잘 됐는데, IOS도 아마 해당 기능이 있을 것이다.

 

캐시를 삭제하니 새 데이터를 잘 받아오고

문제를 해결했다.

비록 간단한 문제였지만, 혹시 나와 비슷한 문제를 겪고 있는 사람이 있을 수 있으니 적어보았다.