React Native api 통신을 하기 위해서 사용하는 대표적인 방법 중 하나가 Axios입니다!
프로젝트를 진행하면서 Android에서 Axios 이용 시 Network Error를 만난 적이 있는데요,
해당 에러를 만난 누군가에게 도움이 되기를 바라며 오늘은 이 에러를 해결하기 위해 참고한 자료들을 정리해 보려 합니다😊
❗️react-native issue에서 참고한 자료
해당 문제에 대해서 많은 사람들이 이야기를 나눈 이슈 페이지 입니다!
이슈 링크: github.com/facebook/react-native/issues/28551
해당 이슈 페이지에서 참고할 만한 코멘트는 아래와 같습니다~
참고할 만한 Comment 1: github.com/facebook/react-native/issues/28551#issuecomment-610652110
참고할 만한 Comment 2: github.com/facebook/react-native/issues/28551#issuecomment-611085378
위 두 가지 말고 여러 방법이 제시되어 있으니 좋을 거 같아요~!
❗️axios issue에서 참고한 자료
해당 이슈 페이지는 자세히 보지는 않았지만 도움이 될만한 정보가 있어 가져왔습니다.
이슈 링크: github.com/axios/axios/issues/973
android 9 이상부터는 http 프로토콜 요청이 기본적으로 막혀있다고 합니다!
=> Backend에서 http 프로토콜을 이용하는 경우 아래 코멘트를 참고하면 좋을 거 같아요~!
참고할 만한 Comment: github.com/axios/axios/issues/973#issuecomment-549952307
❗️Expo forums에 올라온 게시글
해당 페이지의 답변의 핵심은 'formData의 image uri와 type을 확인하라'였습니다.
Expo를 사용하지 않더라도 한번 확인하는 것도 좋을 거 같아요ㅎㅎ
링크: forums.expo.io/t/network-request-failed-while-uploading-image-to-server/30737
❗️다시 한번 코드 확인..!
저는 위에 정리한 모든 방법을 훑어본 후 코드를 다시 살펴보았는데요
그때 코드에서 잘못된 부분을 찾게 되었습니다..ㅎㅎ
ios는 문제없이 통신이 됐는데 android는 문제가 되는 부분이 있었습니다..!
에러를 만나고 여러 방법을 다 시도해도 해결이 안 되신 분이 계시다면 다시 한번 코드를 천천히 뜯어보는 걸 권유드립니다!
혹시나 놓친 부분을 찾을 수 있으니~!
읽어주셔서 감사합니다.
혹시 본 게시글 중 틀린 내용이 있다면 댓글을 통해 알려주세요 :)
'Frontend > React-Native' 카테고리의 다른 글
| [React Native] BottomSheet 만들기 (15) | 2021.06.12 |
|---|---|
| [React Native] Splash 스크린 사용 시 Ios 기기 멈춤 현상 (0) | 2021.05.24 |
| [React Native] import com.google.firebase.iid.FirebaseInstanceId; Not Found(Android) (0) | 2021.05.12 |
| [React Native] 입력창-키보드 겹치는 문제 - ios (5) | 2021.04.27 |
| [React Native] SVG 이미지 로드 하기 (0) | 2021.03.28 |