Axios timeout when posting to API on remote server (Only on Android device)

[emad-ir]

Description

We have a backend that is connecting to a SOAP server and translating it to REST. The SOAP server can only be connected via VPN.

When running backend on local, API calls work fine both on Emulator and Android device.

But when we deployed the backend on a remote server, the Android device timeout (15 seconds) when trying to make a request.

Environment

npmPackages: react: 16.9.0 => 16.9.0 react-native: 0.61.4 => 0.61.4 npmGlobalPackages: react-native-cli: 2.0.1

Expected Behavior

Axios resolves the post request without timing out.

Couple of suggested solutions online that I tried, and still got nothing working, were:

1. Create network_security_config.xml and link it on AndroidManifest.xml with android:networkSecurityConfig="@xml/network_security_config".

I also tried the solution below without the base-config, having just domain-config

<?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">remove_server_ip_address_here</domain>
    </domain-config>
</network-security-config>

2. Adding both android:usesCleartextTraffic="true" tools:targetApi="28"/tools:targetApi="29" to application tag in AndroidManifest.xml. Also tried just adding android:usesCleartextTraffic="true" without the tools:targetApi

3. Tried adding xmlns:tools="http://schemas.android.com/tools" android:targetSandboxVersion="1" to the root element of AndroidManifest.xml

---

Keep in mind I do have both <uses-permission android:name="android.permission.INTERNET" /> and <uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" /> in my AndroidManifest.xml

Again the request only timeout when trying to post to remote server on an IP address, and it only doesnt work on Android device, everything works fine on Emulator.

Please help, Im not sure what to try anymore!

[github-actions]

⚠️	Missing Environment Information
ℹ️	Your issue may be missing information about your development environment. You can obtain the missing information by running react-native info in a console.

[hramos]

This seems like it might be more of a question around making network calls on Android, and not a specific issue with React Native.

[github-actions]

We are using GitHub issues exclusively to track bugs in React Native. GitHub may not be the ideal place to ask a question, but you can try asking over on Stack Overflow, or on Reactiflux.

[github-actions]

⚠️	Using Old Version
ℹ️	It looks like you are using an older version of React Native. Please upgrade to the latest version, and verify if the issue persists. If it does not, please let us know so we can close out this issue. This helps us ensure we are looking at issues that still exist in the current release.