Fetch not working on localhost (Tried IP too.)

[fahidmohammad]

Is this a bug report?

Yes

Have you read the Contributing Guidelines?

Yes

Environment

Environment:
OS: Windows 10
Node: 9.4.0
Yarn: 1.3.2
npm: 5.6.0
Android Studio: 3.0.1

Packages: (wanted => installed)
react-native: 0.52.0
react: 16.2.0

Target Platform: Android 26

Issue Statement

API from local server doesnt't seems to be working, i have tried localhost:3000, 10.0.2.2:3000, <LOCAL_IP>:3000 & 10.0.3.2:3000 In Android Getting network request failed error. Below is the code snippets im using for network request.

Note: I already added the Android Internet permission.

return fetch('http://192.168.3.148:3000/extension/auth')
        .then((response) => response.json())
        .then((responseJson) => {

            this.setState({
                isLoading: false,
                sem: responseJson
            });
        })
        .catch((error) => {
            console.error(error);
        });

[saxenanickk]

Try to use "proxy": "http://localhost:3000/" inside your package.json file.

[react-native-bot]

Thanks for posting this! It looks like you may not be using the latest version of React Native, v0.53.0, released on January 2018. Can you make sure this issue can still be reproduced in the latest version?

I am going to close this, but please feel free to open a new issue if you are able to confirm that this is still a problem in v0.53.0 or newer.

_{How to Contribute • What to Expect from Maintainers}

[salmanwaheed]

This message was created automatically by mail delivery software. A message that you sent could not be delivered to one or more of its recipients. This is a temporary error. The following address(es) deferred: mkdirenv@gmail.com Domain salmanwaheed.info has exceeded the max emails per hour (172/150 (114%)) allowed. Message will be reattempted later

…

------- This is a copy of the message, including all the headers. ------ Received: from o6.sgmail.github.com ([192.254.113.101]:17887) by box1177.bluehost.com with esmtps (TLSv1.2:ECDHE-RSA-AES128-GCM-SHA256:128) (Exim 4.89_1) (envelope-from <bounces+848413-a7b0-hello=salmanwaheed.info@sgmail.github.com>) id 1epQVR-003JE6-3N for hello@salmanwaheed.info; Fri, 23 Feb 2018 20:28:13 -0700 DKIM-Signature: v=1; a=rsa-sha1; c=relaxed/relaxed; d=github.com; h=from:reply-to:to:cc:in-reply-to:references:subject:mime-version:content-type:content-transfer-encoding:list-id:list-archive:list-post:list-unsubscribe; s=s20150108; bh=5wg5B7xNGn+u5tdk+6Ki6258+MA=; b=YSotDDS4F+QuhxBZ wQ/Z1iX/Q7YJSDhf9R025lBwd3j25wy+iRVIWJN2ZFmABcb8H4kNRGWp4fUo5Qnf HKy9PvGG2mQRrxgo0q2YfhvuZlroAyRI84i7nh/PEMq8qSoxVL7JLbpf2CZvg/Tv guvKTkkndvUiUUTP2SQHmcZ1g9k= Received: by filter0167p1las1.sendgrid.net with SMTP id filter0167p1las1-25377-5A90DBC0-1B 2018-02-24 03:28:00.968780676 +0000 UTC Received: from github-smtp2b-ext-cp1-prd.iad.github.net (github-smtp2b-ext-cp1-prd.iad.github.net [192.30.253.17]) by ismtpd0017p1iad2.sendgrid.net (SG) with ESMTP id vodbjwf_R6iTSrO-iZuuvw for <hello@salmanwaheed.info>; Sat, 24 Feb 2018 03:28:00.823 +0000 (UTC) Date: Sat, 24 Feb 2018 03:28:00 +0000 (UTC) From: React Native Bot <notifications@github.com> Reply-To: facebook/react-native <reply@reply.github.com> To: facebook/react-native <react-native@noreply.github.com> Cc: Subscribed <subscribed@noreply.github.com> Message-ID: <facebook/react-native/issues/17758/368194941@github.com> In-Reply-To: <facebook/react-native/issues/17758@github.com> References: <facebook/react-native/issues/17758@github.com> Subject: Re: [facebook/react-native] Fetch not working on localhost (Tried IP too.) (#17758) Mime-Version: 1.0 Content-Type: multipart/alternative; boundary="--==_mimepart_5a90da96d17b7_2e192b198187eec82721df"; charset=UTF-8 Content-Transfer-Encoding: 7bit Precedence: list X-GitHub-Sender: react-native-bot X-GitHub-Recipient: salmanwaheed X-GitHub-Reason: subscribed List-ID: facebook/react-native <react-native.facebook.github.com> List-Archive: https://github.com/facebook/react-native List-Post: <mailto:reply@reply.github.com> List-Unsubscribe: <mailto:unsub+00ef1b38c1c6766d2a336ac8ce4a57dd4dc6f84fbb0a186e92cf0000000116a89c9692a169ce1168dec5@reply.github.com>, <https://github.com/notifications/unsubscribe/AO8bOODaYRYmvKkYzWzv0L6CY1jbjRpeks5tX4CWgaJpZM4RvH9o> X-Auto-Response-Suppress: All X-GitHub-Recipient-Address: hello@salmanwaheed.info X-SG-EID: 92ws1MVnlto3blxqXlf5goB0ee0kdDGWR6vcWx8d649+uCzR9SucPo63Eb3PVyK8PDRbi76c3q1FrV HhezvyNqY1aXeSxmuJtnN8EqsOzTqMOQ4roDG8t4lc4RlTlBavAeD4YhvhWiovw8DKodV/l8qJxnSl jOPk+MA7k51smIeF0c2pAm0y5oyjsLsta1huQ0YAAkm3aypu96LAsbsrocQjVPHeE/XxanD+35O4Jv Y= X-Spam-Status: No, score=-1.3 X-Spam-Score: -12 X-Spam-Bar: - X-Ham-Report: Spam detection software, running on the system "box1177.bluehost.com", has NOT identified this incoming email as spam. The original message has been attached to this so you can view it or label similar future email. If you have any questions, see root\@localhost for details. Content preview: Thanks for posting this! It looks like you may not be using the latest version of React Native, v0.53.0, released on January 2018. Can you make sure this issue can still be reproduced in the latest version? [...] Content analysis details: (-1.3 points, 5.0 required) pts rule name description ---- ---------------------- -------------------------------------------------- 0.0 URIBL_BLOCKED ADMINISTRATOR NOTICE: The query to URIBL was blocked. See http://wiki.apache.org/spamassassin/DnsBlocklists#dnsbl-block for more information. [URIs: github.io] -0.5 SPF_PASS SPF: sender matches SPF record -0.0 T_RP_MATCHES_RCVD Envelope sender domain matches handover relay domain 0.0 HTML_IMAGE_ONLY_32 BODY: HTML: images with 2800-3200 bytes of words 0.0 HTML_MESSAGE BODY: HTML included in message -0.1 DKIM_VALID_AU Message has a valid DKIM or DK signature from author's domain -0.1 DKIM_VALID Message has at least one valid DKIM or DK signature 0.1 DKIM_SIGNED Message has a DKIM or DK signature, not necessarily valid -0.5 RCVD_IN_MSPIKE_H2 RBL: Average reputation (+2) [192.254.113.101 listed in wl.mailspike.net] -0.2 AWL AWL: Adjusted score from AWL reputation of From: address X-Spam-Flag: NO

----==_mimepart_5a90da96d17b7_2e192b198187eec82721df Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: quoted-printable Thanks for posting this! It looks like you may not be using the latest vers= ion of React Native, v0.53.0, released on January 2018. Can you make sure t= his issue can still be reproduced in the latest version?=20 I am going to close this, but please feel free to open a new issue if you a= re able to confirm that this is still a problem in v0.53.0 or newer. _{[How to Contribute](https://facebook.github.io/react-native/docs/contr= ibuting.html#bugs) =E2=80=A2 [What to Expect from Maintainers](https://face= book.github.io/react-native/docs/maintainers.html#handling-issues)}

--=20 You are receiving this because you are subscribed to this thread. Reply to this email directly or view it on GitHub: #17758 (comment)

----==_mimepart_5a90da96d17b7_2e192b198187eec82721df Content-Type: text/html; charset=UTF-8 Content-Transfer-Encoding: quoted-printable <p>Thanks for posting this! It looks like you may not be using the latest v= ersion of React Native, v0.53.0, released on January 2018. Can you make sur= e this issue can still be reproduced in the latest version?</p> <p>I am going to close this, but please feel free to open a new issue if yo= u are able to confirm that this is still a problem in v0.53.0 or newer.</p> <p>_{<a href=3D"https://facebook.github.io/react-native/docs/contributin= g.html#bugs" rel=3D"nofollow">How to Contribute</a> =E2=80=A2 <a href=3D"ht= tps://facebook.github.io/react-native/docs/maintainers.html#handling-issues= " rel=3D"nofollow">What to Expect from Maintainers</a>}</p> <p style=3D"font-size:small;-webkit-text-size-adjust:none;color:#666;">&mda= sh;<br />You are receiving this because you are subscribed to this thread.<= br />Reply to this email directly, <a href=3D"https://github.com/facebook/r= eact-native/issues/17758#issuecomment-368194941">view it on GitHub</a>, or = <a href=3D"https://github.com/notifications/unsubscribe-auth/AO8bOG4ouHJFD6= ZPaCYrfe8itjUC4pNOks5tX4CWgaJpZM4RvH9o">mute the thread</a>.<img alt=3D"" h= eight=3D"1" src=3D"https://github.com/notifications/beacon/AO8bOBLZIukmZrxL= aaqtfAczmSA7wJcZks5tX4CWgaJpZM4RvH9o.gif" width=3D"1" /></p> <div itemscope itemtype=3D"http://schema.org/EmailMessage"> <div itemprop=3D"action" itemscope itemtype=3D"http://schema.org/ViewAction= "> <link itemprop=3D"url" href=3D"https://github.com/facebook/react-native/i= ssues/17758#issuecomment-368194941"></link> <meta itemprop=3D"name" content=3D"View Issue"></meta> </div> <meta itemprop=3D"description" content=3D"View this Issue on GitHub"></meta> </div> <script type=3D"application/json" data-scope=3D"inboxmarkup">{"api_version"= :"1.0","publisher":{"api_key":"05dde50f1d1a384dd78767c55493e4bb","name":"Gi= tHub"},"entity":{"external_key":"github/facebook/react-native","title":"fac= ebook/react-native","subtitle":"GitHub repository","main_image_url":"https:= //cloud.githubusercontent.com/assets/143418/17495839/a5054eac-5d88-11e6-95f= c-7290892c7bb5.png","avatar_image_url":"https://cloud.githubusercontent.com= /assets/143418/15842166/7c72db34-2c0b-11e6-9aed-b52498112777.png","action":= {"name":"Open in GitHub","url":"https://github.com/facebook/react-native"}}= ,"updates":{"snippets":[{"icon":"PERSON","message":"@react-native-bot in #1= 7758: Thanks for posting this! It looks like you may not be using the lates= t version of React Native, v0.53.0, released on January 2018. Can you make = sure this issue can still be reproduced in the latest version? \n\nI am goi= ng to close this, but please feel free to open a new issue if you are able = to confirm that this is still a problem in v0.53.0 or newer.\n\n\u003csub\u= 003e[How to Contribute](https://facebook.github.io/react-native/docs/contri= buting.html#bugs) =E2=80=A2 [What to Expect from Maintainers](https://faceb= ook.github.io/react-native/docs/maintainers.html#handling-issues)\u003c/sub= \u003e\n\n"}],"action":{"name":"View Issue","url":"https://github.com/faceb= ook/react-native/issues/17758#issuecomment-368194941"}}}</script>=

----==_mimepart_5a90da96d17b7_2e192b198187eec82721df--

[woodenlim]

The bug is still there.. Im using the latest version of RN.. Tested on Android 7.0 and Android 8.0..
7 is not working but 8 yes..

[kalpeshjjethva]

It's working

fetch('https://facebook.github.io/react-native/movies.json')
.then((response) => response.json())
.then((responseJson) => {
  //Alert.alert("my json" + responseJson.movies);
     AlertIOS.alert(
          "Get response",
          "Movies query-> " +JSON.stringify(responseJson.movies)
         )
})
.catch((error) => {
  console.error(error);
});

[srijishks]

Works with the server not with the localhost

[saxenanickk]

@srijishks You should try this solution: https://stackoverflow.com/questions/49206456/react-native-android-connect-backend-service-at-localhost

[andymurakami]

To me is not working:

fetch('https://facebook.github.io/react-native/movies.json')
.then((response) => response.json())
.then((responseJson) => {
//Alert.alert("my json" + responseJson.movies);
AlertIOS.alert(
"Get response",
"Movies query-> " +JSON.stringify(responseJson.movies)
)
})
.catch((error) => {
console.error(error);
});

Returns
Request Network Failed

If I use a IP example: http://200.98.245.39
this returns text of html ok.