capcitor FERR_CLEARTEXT_NOT_PERMITTED

Just add this to your AndroidManifest.xml in the tag like

<application android:usesCleartextTraffic="true">

android:usesCleartextTraffic="true">

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>