React native fetch/axios api calls always goes to catch - api

Question

I have tried using both fetch and axios. But both of these calls fail in my react-native application. It always goes into the catch function. Though calling this api from the browser or from Postman works fine.
axios.get('http://sahajdevapi.letsendorse.com')
.then(function (response) {
console.warn("res 1: ", response);
}).catch(function (error) {
console.warn("err 1: ", error);
});
The error that I get from the catch function is as follows:
'err:', { [TypeError: Network request failed]
line: 24115,
column: 31,
sourceURL: 'http://localhost:8081/index.delta?platform=android&dev=true&minify=false'}

Answer 1

For newer version you need to add some security for http access.
AndroidManifest.xml
<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
package="com.example">
<uses-permission android:name="android.permission.INTERNET" />
<uses-permission android:name="android.permission.SYSTEM_ALERT_WINDOW" />
<application
android:name=".MainApplication"
android:allowBackup="false"
android:icon="#drawable/ic_launcher"
android:label="#string/app_name"
android:roundIcon="#drawable/ic_launcher_round"
android:theme="#style/AppTheme"
android:usesCleartextTraffic="true"
tools:ignore="GoogleAppIndexingWarning">
<uses-library
android:name="org.apache.http.legacy"
android:required="false" />
<activity
android:name=".MainActivity"
android:configChanges="keyboard|keyboardHidden|orientation|screenSize"
android:label="#string/app_name"
android:windowSoftInputMode="adjustResize">
<intent-filter>
<action android:name="android.intent.action.MAIN" />
<category android:name="android.intent.category.LAUNCHER" />
</intent-filter>
</activity>
<activity android:name="com.facebook.react.devsupport.DevSettingsActivity" />
</application>
</manifest>
Check your file you need to add in manifest tag tools and uses-library for that.
Try this one it will work.

Answer 2

As android VM is an emulator If we use localhost then its points to local host of the android emulator system but not localhost of the development system. So use system IP address instead of localhost