Mixed content error in http calls

Ionic Framework Ionic Angular
1

When I am testing my app on emulator….app make http calls to my local apache web server….as it is local so it doesn’t have HTTPS enabled…I receive this error:

Mixed Content: The page at ‘https://localhost/signup’ was loaded over HTTPS, but requested an insecure XMLHttpRequest endpoint ‘http://192.168.100.15:9100/desistories/api/access_token.php’. This request has been blocked; the content must be served over HTTPS.

I have tried setting in capacitor.config.ts:

android: {
allowMixedContent: true,
…..
}

But still getting the error. How can I fix this without serving the webview on http ?

2

I forgot to set android:usesCleartextTraffic=”true” in AndroidManifest.xml. Fixed

Anyone using this solution…please note that both these settings (esp allowMixedContent: true) are not recommended for production. In production all the network calls must be secured.