Ionic/Capacitor net::ERR\_CONNECTION\_REFUSED when Android calling API


I have an ionic vue app that I want to test as an android app.

I use following commands to create the app:

ionic cap add android
ionic build
ionic cap copy
ionic cap open android

Then I start the app on a virtual device in android studio. I use android API Level 30.

I get an ERR_CLEARTEXT_NOT_PERMITTED error when calling my django api (which I started locally, that’s why there is no https).

I already tried adding this to my capacitor.config

server: {
  cleartext: true

This results in another error message: net::ERR_CONNECTION_REFUSED.

I already tried various other things like suggested here: Ionic 5/Capacitor ERR_CLEARTEXT_NOT_PERMITTED in Android, but none helped so far.

When I use an Android version before API level 28 I get the net::ERR_CONNECTION_REFUSED right away


I solved it by just adding a condition in my axios config:

const host  isPlatform('android') ? '' : 'localhost'

Answered By – lando

Leave a Comment