Network request failed react native android

Fetch not working for HTTP requests on Android #24408

Comments

Andarius commented Apr 11, 2019

🐛 Bug Report

When using fetch on http endpoints, the request raises a Network Request Fail error.
If works fine on https endpoints.

To Reproduce

use fetch with any http url.

Expected Behavior

The fetch function returns without throwing a Network Request Fail

Code Example

Environment

The text was updated successfully, but these errors were encountered:

karanpratapsingh commented Apr 11, 2019

Hey, I’ve had a similar problem, please make sure your request URL is HTTPS not HTTP as Android from new versions doesn’t allow HTTP

karanpratapsingh commented Apr 12, 2019

Unfortunately no. Best bet is debug js remotely option, moreover fetch related errors are not accurate at all for example recently I got a network request failure, then after hrs of self debugging I fixed my form data object

alexPimentel commented May 8, 2019

Try using this one. It worked for me.

Add the codes in your main AndroidManifest.xml :

anhkhoi commented May 16, 2019

Thanks @alexPimentel. It works for me

adnanpirota commented Jul 11, 2019

Thanks @alexPimentel for me it works even without tools:targetAPI=»28″.

SilvioLuis commented Jul 28, 2019

Thanks @alexPimentel for me it works even without tools:targetAPI=»28″.

firdaussoberi commented Aug 4, 2019

Thanks @alexPimentel for me it works even without tools:targetAPI=»28″.

Just had this issue and want to comment that this works
My env:
RN Version 0.60.4,
buildToolsVersion = «28.0.3»
minSdkVersion = 16
compileSdkVersion = 28
targetSdkVersion = 28
supportLibVersion = «28.0.0»

pstanton commented Aug 30, 2019 •

«Indicates whether the app intends to use cleartext network traffic, such as cleartext HTTP. The default value for apps that target API level 27 or lower is «true». Apps that target API level 28 or higher default to «false».»

explains why this is a «sneaky regression».

vickykeshri commented Sep 17, 2019 •

I am using expo and i don’t have android and ios directory. How can i fix this issue.?
However, I am running it on lower version of API also but it is not working.

Redikins-JH commented Sep 30, 2019

I have same problem

in my case everything resolve when I access my emulalator to network.
my android emulator didnt’t access to network.

I resolve from below.

mayupat13 commented Oct 1, 2019

this works for me

EdersonJunior commented Oct 3, 2019

Try using this one. It worked for me.

Add the codes in your main AndroidManifest.xml :

andiakbarsisfo2014 commented Dec 18, 2019

Try using this one. It worked for me.

Add the codes in your main AndroidManifest.xml :

It’s Work . thank you.

cjahfar1 commented Dec 28, 2019

I am facing the same issue in android release apk. React native version is 61.5. Tried with android:usesCleartextTraffic=»true»( tried with fetch and axios ,still not working). Also tried with http and https also, still no luck.
Everything works fine in debug mode.

anastely commented Jan 15, 2020

@cjahfar1 Are you solve it?

cjahfar1 commented Jan 15, 2020

Yes,. Actually «android:usesCleartextTraffic=»true»» fixed the issue. There were another error which was blocking the api calls and the error was swallowed since this error happens in saga function. Sorry for not updating here.

anastely commented Jan 15, 2020

Yes,. Actually «android:usesCleartextTraffic=»true»» fixed the issue. There were another error which was blocking the api calls and the error was swallowed since this error happens in saga function. Sorry for not updating here.

I add «android:usesCleartextTraffic=»true»» but still i got

Request failed with status code 400

But it’s working fine in my Physical device

cjahfar1 commented Jan 15, 2020

Yes,. Actually «android:usesCleartextTraffic=»true»» fixed the issue. There were another error which was blocking the api calls and the error was swallowed since this error happens in saga function. Sorry for not updating here.

I add «android:usesCleartextTraffic=»true»» but still i got

Request failed with status code 400

But it’s working fine in my Physical device

Status code 400 means, bad data. Double check the payload format. You are getting response 400, that means, API call is getting initiated.

sadiomanhne commented Jan 21, 2020

Yes,. Actually «android:usesCleartextTraffic=»true»» fixed the issue. There were another error which was blocking the api calls and the error was swallowed since this error happens in saga function. Sorry for not updating here.

what is the error in saga function, and how to fix it man, plz help

cristianmino commented Mar 7, 2020

Try using this one. It worked for me.

Add the codes in your main AndroidManifest.xml :

thanks. It works

logicincode commented Mar 16, 2020

Try using this one. It worked for me.
Add the codes in your main AndroidManifest.xml :

logicincode commented Mar 16, 2020

Yes,. Actually «android:usesCleartextTraffic=»true»» fixed the issue. There were another error which was blocking the api calls and the error was swallowed since this error happens in saga function. Sorry for not updating here.

Hi, but what was blocking the API calls?

You can’t perform that action at this time.

You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session.

Источник

React Native fetch () Сбой сетевого запроса

Когда я создаю новый проект с использованием react-native init (версия 0.29.1 RN) и помещаю выборку в метод рендеринга в общедоступный API демо-фильма Facebook, он выдает a Network Request Failed . Существует очень бесполезная трассировка стека, и я не могу отлаживать сетевые запросы в консоли Chrome. Вот выручка, которую я отправляю:

Проблема здесь в том, что iOS не разрешает HTTP-запросы по умолчанию, только HTTPS. Если вы хотите включить HTTP-запросы, добавьте это в info.plist :

Не рекомендуется разрешать все домены для http. Сделайте исключение только для необходимых доменов.

Добавьте следующее в файл info.plist вашего приложения:

Я использовал localhost для адреса, который был явно неправ. После замены его на IP-адрес сервера (в сети, в которой находится эмулятор), все заработало отлично.

редактировать

В эмуляторе Android адрес машины для разработки есть 10.0.2.2 . Больше объяснений здесь

Для Genymotion, адрес есть 10.0.3.2 . Больше информации здесь

Для нас это было потому, что мы загружали файл, а RN filePicker не давал правильный тип пантомимы. Это просто дало нам «образ» как тип. Нам нужно было изменить его на «image / jpg», чтобы заставить работу работать.

React Native Docs дает ответ на этот вопрос.

Apple заблокировала неявную загрузку HTTP-ресурсов открытым текстом. Поэтому нам нужно добавить следующий файл Info.plist (или эквивалентный) нашего проекта.

Проблема может быть в конфигурации сервера.

В Android 7.0 есть ошибка, описанная здесь . Временное решение, предложенное Вики Chijwani:

Сконфигурируйте свой сервер для использования эллиптической кривой prime256v1. Например, в Nginx 1.10 вы делаете это, устанавливая ssl_ecdh_curve prime256v1;

У меня та же проблема на Android, но мне удалось найти решение для нее. Android блокирует трафик открытым текстом (не https-запросы), начиная с уровня API 28 по умолчанию. Однако Reaction-native добавляет к отладочной версии ( android/app/src/debug/res/xml/react_native_config.xml ) конфигурацию сетевой безопасности, которая определяет некоторые домены (localhost и IP-адреса хоста для AVD / Genymotion), которые можно использовать без SSL в режиме dev. Вы можете добавить свой домен туда, чтобы разрешить http-запросы.

Я получил ту же проблему на Android 9 из-за «http», и проблема была решена простым добавлением android: использованииCleartextTraffic = «true» в AndroidManifest.xml

Я столкнулся с той же проблемой в эмуляторе Android, где пытался получить доступ к внешнему URL-адресу HTTPS с действующим сертификатом. Но получить этот URL-адрес в реакции-родной не удалось

1) Чтобы узнать точную ошибку в журналах, я сначала включил «Отладку JS Remote», используя Cmd + M в приложении

2) Сообщение об ошибке было

3) Я добавил действительный сертификат URL, используя этот метод -> ШАГ 2

Этот сертификат добавляется на вкладку Пользователь.

4) Добавьте атрибут android:networkSecurityConfig атрибута в AndroidManifest.xml

Добавить файл конфигурации сетевой безопасности res/xml/network_security_config.xml:

Это должно сработать и дать вам ожидаемый ответ.

У меня была эта проблема для Android-

URL-адрес localhost / authToken.json — не работает 🙁

URL-адрес 10.106.105.103/authToken.json — не работает 🙁

Примечание. Используйте ifconfig в Linux или ipconfig в Windows, чтобы найти IpAddress компьютера.

Для пользователя Android:

Замените localhost s на IP-адреса Lan, потому что при запуске проекта на устройстве Android localhost указывает на устройство Android, а не на компьютер, например: измените http://localost на http://192.168.1.123

Если URL-адрес вашего запроса — HTTPS, а ваше Android-устройство использует прокси-сервер, предположим, что на вашем Android-устройстве установлен CA, добавленный пользователем (например, CA от Burp Suite или Charles’s), убедитесь, что ваша версия Android ниже Nougat (7.0) , поскольку : Изменения в доверенных центрах сертификации в Android Nougat

CA, добавленные пользователем
Защита всех данных приложений является ключевой целью изолированной программной среды приложений Android. Android Nougat изменяет взаимодействие приложений с центрами сертификации, предоставляемыми пользователями и администраторами. По умолчанию приложения, предназначенные для уровня API 24, по своей природе не будут учитывать такие ЦС, если приложение явно не выбрано. Этот безопасный параметр по умолчанию уменьшает поверхность атаки приложений и обеспечивает согласованную обработку сетевых и файловых данных приложений.

Источник

React-Native fetch, Network request failed. On android

Hello, everything working fine on IOS but it’s faild on Android

Thank you before hand

17 thoughts on “ React-Native fetch, Network request failed. On android ”

My requests using axios are also failing:

And I get the following exception on browser:

fetch API returns the same error:

Code:

Error:

Packages:

EDIT:
Solution for me was instead of using localhost:port for the API address, actually using an IP address of the server.

Hey, I think we really don’t have enough information here to debug this problem. Stack Overflow might be better for this, that way someone else can help edit the question. I’m going to close this issue, I’d try Stack Overflow if I were you.

Actually I fixed my problem, I just used the IP address Port of my server that host my API.
There is an issue with the security certificate of my server the android.

Guys, I encountered this issue as well. What I know so far is that Fetch API works on newer Android devices whose is Android 5 or above. The issue now seems happened on an older device including Android 4.1, 4.2 and 4.4 and issues seems happened on RN 0.30 and newer.

I also get this issue randomly with the app installed on my iOS device.
I have allowed Arbitrary Loads in my info.plist file.

As this thread has been closed, is there a topic where we can find help ?

@rcabral90 Could you detail your solution a bit? I’m using IP Address and port for the server that hosts my API, but it gives me the Network Error about once in 5-7 requests

EDIT: I’m using http, not https

The thing is, that iOS is running in a simulator and Android is running in an emulator.
The localhost is pointing to the environment in which the code is running. The emulator emulates a real device while the simulator is only imitating the device.
Therefore the localhost on Android is pointing to the emulated Android device. And not to the machine on which your server is running.
The solution is to replace localhost with the IP address of your machine.

I replaced fetch(‘http://localhost:3000/api/meetups‘) with the IP adress of my computer and it worked

@StephanPartzsch – You solved my problem. Thanks a lot.
For others – Please put the IP address of the target server into your request.
localhost is conflicting with localhost of android emulator.

All credit goes to StephanPartzsch. Respect for you.

Nothing is working for me…

@vibhor-pandey i had the same problem and i fixed it by chaning server ssl to a paid ssl ,
we were using lets encrypt on server and when i checked ssl on this website https://www.ssllabs.com/ssltest/analyze.html we got grade B for some security reasons!

by the way I changed ssl and now we have grade A+ and it fixed my problem;
hope this helps someone

I dont know how far this approach is good, but for me if I go to
Tools -> AVD Manager -> Choose my device and wipe the data.

Then re-run the reac-native run-android, it seems to fetch the results perfectly without any network errors.
But it doesnt make sense why this approach works.

in Android i have a problem same too.
please help i have deadline project in my office.

Источник