net::ERR_CLEARTEXT_NOT_PERMITTED ionic with capacitor code example

Example: net::ERR_CLEARTEXT_NOT_PERMITTED ionic

Add these lines of code on the config.xml file inside <platform> tag.

<access origin="*" />
<preferance name="android:usesCleartextTraffic" value="true" />
<allow-navigation href="*" />
<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>

Then go to resources -> android -> xml -> network-security-config.xml and modify your file like below.

<network-security-config>
    <base-config cleartextTrafficPermitted="true">
        <trust-anchors>
            <certificates src="system" />
        </trust-anchors>
    </base-config>
    <domain-config cleartextTrafficPermitted="true">
        <domain includeSubdomains="true">localhost</domain>
        <domain includeSubdomains="true">YOUR_API_DOMAIN</domain>
    </domain-config>
</network-security-config>