Fetch not working on Android 9 API 28

[mttrthomazelli]

🐛 Bug Report

Hello,

I'm having an Issue about a HTTP service (the error only in simulator with API 28 (Pie) environment). I already add the domain on react_native_config.xml and add the networkSecurityConfig on both Manifests.xml (debug and release) but still get the TypeError: Network request failed error:

I already try all this Issues: #23986, #23984

My info:
info
React Native Environment Info:
System:
OS: macOS 10.14.2
CPU: (8) x64 Intel(R) Core(TM) i7-3720QM CPU @ 2.60GHz
Memory: 318.58 MB / 16.00 GB
Shell: 3.2.57 - /bin/bash
Binaries:
Node: 11.8.0 - /usr/local/bin/node
Yarn: 1.13.0 - /usr/local/bin/yarn
npm: 6.9.0 - /usr/local/bin/npm
Watchman: 4.9.0 - /usr/local/bin/watchman
SDKs:
iOS SDK:
Platforms: iOS 12.2, macOS 10.14, tvOS 12.2, watchOS 5.2
Android SDK:
API Levels: 25, 26, 27, 28
Build Tools: 25.0.0, 25.0.1, 26.0.2, 27.0.3, 28.0.3
System Images: android-25 | Google APIs Intel x86 Atom, android-25 | Google APIs Intel x86 Atom_64, android-28 | Google APIs Intel x86 Atom
IDEs:
Android Studio: 3.3 AI-182.5107.16.33.5199772
Xcode: 10.2/10P91b - /usr/bin/xcodebuild
npmPackages:
react: 16.8.3 => 16.8.3
react-native: 0.59.0 => 0.59.0
npmGlobalPackages:
react-native-cli: 2.0.1
react-native-git-upgrade: 0.2.7

My react_native_config.xml:


acolhebrasil.com.br

localhost 10.0.2.2 10.0.3.2

My fetch:
fetch(baseURLAPI + action, {
method: method,
headers: headers,
body: bodyObj ? JSON.stringify(bodyObj) : null
}).then((response) => {
console.log(response)
if(response.ok){
return response.json();
}
throw new Error(response.text());
})
.then((responseJson) => {
console.log(responseJson)
if(callbackSuccess){
return callbackSuccess(responseJson);
}
})
.catch((error) => {
console.log(error)
if(callbackError){
return callbackError(error);
}
});
My API: http://acolhebrasil.com.br/Sistema/api/login/

Console:
TypeError: Network request failed
at XMLHttpRequest.xhr.onerror (ReactNativeRenderer-dev.js:3731)
at XMLHttpRequest.dispatchEvent (ReactNativeRenderer-dev.js:10394)
at XMLHttpRequest.setReadyState (ReactNativeRenderer-dev.js:10127)
at XMLHttpRequest.__didCompleteResponse (ReactNativeRenderer-dev.js:9895)
at ReactNativeRenderer-dev.js:10051
at RCTDeviceEventEmitter.emit (blob:http://localhost:8081/9854a9b9-407d-4571-8675-e6fadd170803:3282)
at MessageQueue.__callFunction (ReactNativeART.js:13)
at blob:http://localhost:8081/9854a9b9-407d-4571-8675-e6fadd170803:2336
at MessageQueue.__guard (ReactNativeART.js:10)
at MessageQueue.callFunctionReturnFlushedQueue (blob:http://localhost:8081/9854a9b9-407d-4571-8675-e6fadd170803:2335)

[andresmtz98]

Same here. There is an exception called "NoSuchKeyException" when use fetch api (it's only as release).

[mttrthomazelli]

I tried now to change fetch to axios, same error. I believe that is an Android security configuration missing ou somenthing like.

[andresmtz98]

I tried now to change fetch to axios, same error. I believe that is an Android security configuration missing ou somenthing like.

It seems that the solution for now is to rollback my RN project (from last version .59.5) to .58 :/, but i'm using hooks :(

[0xDub]

Same issue here, have you found any better solutions by any chance? I'm running RN 0.58.3 for reference

[andresmtz98]

See this #24361

[codypearce]

Same here on 0.58.6.

I have tried network_security_config.xml as described here #22375
As well as a android:usesCleartextTraffic="true" as described here #23986
Also tried axios
Still getting the same error

I use http://localhost:5000 for the local api.

[hey99xx]

On latest RN 0.59.x, all http connections should be doable in debug apps, and https should only be enforced in release apps.

If issue is related to network_security_config, using XMLHttpRequest/fetch/axios won't matter.
They will all go through RN's networking native module, which uses OkHttp that checks if Android app allows insecure connections and will be blocked there.

I don't know about NoSuchKeyException related to this, please copy paste an entire stack trace.

Also version numbers reported here by multiple people are conflicting, please clearly write
- what RN version (0.57, 0.58, 0.59) you're testing with, preferably with minor releases like 0.59.0, 0.59.1 etc.
- if you use debug vs release apks
- Android API version
to better understand what the issue is and possibly find a culprit in commit history quicker.

[mrkacan]

You need to use "https" when fetching something. Installing SSL certificate and enabling https link solved my issue. (I did try Android 9.0, axios is working, fetch is working.)

[codypearce]

@mrkacan Many people use localhost for their api in development and many also do not have their localhost setup with https yet. I think this is a common enough use case that it should be supported.

[zhigang1992]

Are you able to access the api from chrome browser? localhost on Android emulator is not the same as the host. You might need to do a adb reverse for it to work