ionic 5 Android ERR_CLEARTEXT_NOT_PERMITTED 해결 방법

ionic 5 cordova run android 사용할 때 발생하는 ERR_CLEARTEXT_NOT_PERMITTED 에러 해결 방법입니다. WebView에서 URL 로드시 발견하는 오류인데 간단히 xml 파일만 수정하면 됩니다.


아래 2개의 XML 파일을 수정하세요. 빨간줄을 보시면 됩니다.


network_security_config.xml


<?xml version="1.0" encoding="utf-8"?>
<network-security-config>
<domain-config cleartextTrafficPermitted="true">
<trust-anchors>
<certificates src="system" />
</trust-anchors>
<domain includeSubdomains="true">localhost</domain>
<domain includeSubdomains="true">100.10.10.100</domain>
</domain-config>
</network-security-config>


도메인 ip를 추가할 땐 http:// https:// 그리고 포트를 포함하지 마세요. 위에 빨간줄 처럼 아이피만 입력해야 합니다.


config.xml


<edit-config file="app/src/main/AndroidManifest.xml"
mode="merge"
target="/manifest/application"
xmlns:android="http://schemas.android.com/apk/res/android">
<application android:networkSecurityConfig="@xml/network_security_config" />
<application android:usesCleartextTraffic="true" />
</edit-config>


이렇게 2개의 xml 파일을 수정하세요.

그래도 ERR_CLEARTEXT_NOT_PERMITTED 에러가 발생하면, config.xml 파일에 아래 소스 코드 한 줄을 추가하세요.


<application android:networkSecurityConfig="@xml/network_security_config" />


config.xml 파일은 ionic 5 안드로이드 폴더 루트에 있고요.

network_security_config.xml 파일은 cordova add android 이후 생성되는 resource 폴더에 있습니다.



댓글(0)

Designed by JB FACTORY