net::ERR_CLEARTEXT_NOT_PERMITTED ionic 4 code example

Example 1: 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>

Example 2: net::ERR_CLEARTEXT_NOT_PERMITTED

Modify your config.xml like this:

<platform name="android">
        <preferance name="android:usesCleartextTraffic" value="true" />
        <access origin="*" />
        <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" />
        </edit-config>
        
Then go to resources -> android -> xml -> network_security_config.xml

<?xml version="1.0" encoding="utf-8"?>
<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">http://api.servicecity.ca</domain>
    </domain-config>
</network-security-config>