[React Native] http 통신

카테고리 : Development
태그: development, - React-Native - reactnative - http - Network Error - android:usesCleartextTraffic - NSAllowsArbitraryLoads
등록일: 2023년 12월 27일
최근 업데이트: 2023년 12월 27일

---

• 🔥 1. 개요
• 🔥 2. Android
• 🔥 3. IOS

🔥 1. 개요

테스트 서버에서 API 연동 작업하는데 Network Error가 발생함 ⇒ 로컬 호스트로 테스트하면 이것도 http라 cors문제는 아닐거라고 생각했지만 각 AOS/IOS에서 http 허용이 안됐었다

• android 9 이상부터 http 통신이 제한 됌
• 보안에 투철한 ios의 경우에도 당연히 http 통신 제한함

🔥 2. Android

• android/app/src/main/AndroidManifest.xml

<applicaion
  ...
  android:usesCleartextTraffic="true"
  ...
>

🔥 3. IOS

• info.plist

<key>NSAppTransportSecurity</key>
<dict>
<key>NSAllowsArbitraryLoads</key> //  추가
<true/>                           //  추가
<key>NSExceptionDomains</key>
<dict>
<key>localhost</key>
<dict>
<key>NSExceptionAllowsInsecureHTTPLoads</key>
<true/>
</dict>
</dict>
</dict>

• 참조 :

React Native 0.62.* [TypeError: Network request failed] on file upload · Issue #28551 · facebook/react-native