freddy
느낌으로 남지않기
freddy
전체 방문자
오늘
어제
  • 분류 전체보기 (28)
    • HTML (2)
    • CSS (1)
    • JavaScript (8)
    • WebGL (0)
    • 개념정리 (0)
    • React (2)
    • ReactNative (4)
    • ERROR.LOG (3)
    • 설치 (2)
    • 챌린지 (0)
    • 책 (0)
    • 세미나 (2)
    • 일기장 (4)

블로그 메뉴

  • 홈
  • 태그
  • 방명록

공지사항

인기 글

태그

  • es11
  • 앱이 계속 중지됨
  • css variables
  • Optional chainning
  • React-Native
  • bitnami ubuntu
  • react 기초
  • Nullish coalescing operator
  • 값식문
  • Github Actions
  • Spread syntax
  • react 특징
  • react
  • 브라우저 동작 원리
  • javscript 기초
  • BOM 이란?
  • 최신JS문법
  • em과rem차이
  • javascript 이벤트 위임
  • JS
  • React Native
  • JavaScript
  • 프론트엔드
  • evnet 위임
  • Destructuring assignment
  • Shorthand property names
  • react 사용하는 이유
  • 리액트의 필요성
  • javascript30
  • javascript 최신문법

최근 댓글

최근 글

티스토리

hELLO · Designed By 정상우.
freddy

느낌으로 남지않기

api 호출시 Network-request-failed 해결방법
ReactNative

api 호출시 Network-request-failed 해결방법

2020. 3. 4. 10:25
반응형

network request failed 는 여러 예외상황에서 발생하지만 기본적인 예외사항을 제외하고 작성하였습니다.

앱 테스트 진행중에 에뮬레이터 환경에서는 잘 동작해서 .apk로 실제 디바이스로 앱을 실행시켜 fetch로 api 요청을 보냈는데 Network-requsetp-failed 가 뜬 상황..삽질끝에 찾아낸 결과는 안드로이드9(API 28) 부터 강화된 네트워크 보안정책으로 인한 오류, http를 허용하지 않기 때문에 발생하는 오류였던 것이다. 

android/app/src/main/AndroidManifest.xml 파일에서

빨간부분 추가

android:usesCleartextTraffic="true"    로 추가한 후 다시 앱을 build하고 .apk로 만들어서 실행하니 정상적으로 동작되는걸 확인할 수 있었다!

이 외에도 몇 가지의 방법들이 더 있다.

참고 블로그: https://mrgamza.tistory.com/639

반응형

'ReactNative' 카테고리의 다른 글

React-native 에서 push 알림 사용하기  (1) 2020.02.22
React Native 에서 Icon(아이콘) 사용하기 , 아이콘 깨짐현상 해결  (1) 2020.02.22
D8: Cannot fit requested classes in a single dex file (# methods: 66026 > 65536) 오류해결  (0) 2020.02.18
    'ReactNative' 카테고리의 다른 글
    • React-native 에서 push 알림 사용하기
    • React Native 에서 Icon(아이콘) 사용하기 , 아이콘 깨짐현상 해결
    • D8: Cannot fit requested classes in a single dex file (# methods: 66026 > 65536) 오류해결
    freddy
    freddy

    티스토리툴바