검색
검색
공개 노트 검색
회원가입로그인

React native ios http 통신 허용하기

리액트 네이티브에서 크롬 디버거가 뜨지 않을 때

오랜만에 ios 빌드를 하는데 소스 코드가 업데이트 되지 않고 크롬 디버거가 뜨지 않았다.

뭐가 바뀌었나 찾아보니 http 통신을 허용해주는 문구가 사라져 있었다.

기본적으로 xcode에서는 http 통신을 허용하지 않고 https 통신만 허용하기 때문에 리액트 네이티브로 개발을 할 때는 해당 부분을 허용해줘야 한다. 프로덕션으로 올릴 때는 해제를 해줘야 한다.

info.plist 수정

./ios/[프로젝트명]/info.plist 또는 xcode의 프로젝트 폴더의 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>

localhost의 특정 도메인에 대해 http 통신을 허용했다.

조회수 : 567
공유하기
카카오로 공유하기
페이스북 공유하기
트위터로 공유하기
url 복사하기