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 폴더에 있습니다.