Cordova App Ajax Anruf an localhost schlägt fehl. :: ERR_CONNECTION_REFUSED

Question

Ich habe eine Node.js (Express) Webapp läuft auf localhost: 3000. Ich versuche jetzt eine mobile App mit Cordova zu entwickeln.

Ich habe eine Route in meiner Express-App 'localhost: 3000/tweets' definiert, die beim Aufruf ein paar Tweets mit der twitter-API bekommt und sie als json-Objekt zurückschickt. Everythinggs funktioniert sehr gut mit Web-App, aber ich habe Mühe, den gleichen Ajax-Anruf von einer mobilen App zu machen. Damit Anfragen von anderen Hosts ich das meinem edxpress app.js hinzugefügt haben: EDIT: Ich benutze cors Middleware jetzt:

app.use(cors()); 

In meiner cordova App:

Meta-Tag:

<meta http-equiv="Content-Security-Policy" content="default-src *; style-src 'self' 'unsafe-inline'; script-src 'self' 'unsafe-inline' 'unsafe-eval'"> 

config.xml

<?xml version='1.0' encoding='utf-8'?> 
<widget id="<id...>" version="1.0.0" xmlns="http://www.w3.org/ns/widgets" xmlns:cdv="http://cordova.apache.org/ns/1.0"> 
    <name>appname</name> 
    <description> 
     A twitter search app. 
    </description> 
    <author email="dev@cordova.apache.org" href="http://cordova.io"> 
     Apache Cordova Team 
    </author> 
    <content src="index.html" /> 
    <access origin="*" /> 
    <allow-intent href="http://*/*" /> 
    <allow-intent href="https://*/*" /> 
    <allow-intent href="tel:*" /> 
    <allow-intent href="sms:*" /> 
    <allow-intent href="mailto:*" /> 
    <allow-intent href="geo:*" /> 
    <platform name="android"> 
     <access origin="*" /> 
     <allow-intent href="market:*" /> 
    </platform> 
    <platform name="ios"> 
     <allow-intent href="itms:*" /> 
     <allow-intent href="itms-apps:*" /> 
    </platform> 
    <engine name="android" spec="^6.2.3" /> 
    <plugin name="cordova-plugin-camera" spec="^2.4.1" /> 
    <plugin name="cordova-plugin-whitelist" spec="^1.3.2" /> 
</widget> 

In der Datei index.html link i fi 'querySender.js' le an der Unterseite des Körpers:

<script type="text/javascript" src="js/querySender.js"></script> 

Und schließlich Inhalt von 'querySedner.js'

$(document).ready(function(){ 

    $('#btn_send').on('click', function(){ 
    console.log("app is now sending query!"); 
    $.ajax({ 
     type: 'POST', 
     url: 'http://127.0.0.1:3000/tweets', 
     data: {name:"test_name",lastname:"last_name"}, 
     dataType:'json', 
     success: function(dataR){ 
      var date = new Date(); 
      console.log("POST success recorded at: ",date.getTime()); 
      if (!dataR){ 
      console.log("No Data received"); 
      }else{ 
       console.log("DataR: ",dataR); 
      } 
     }, 
     error: function(XMLHttpRequest, textStatus, errorThrown) { 
      console.log("Status: " + textStatus+" error:"+ errorThrown); 
     }, 
     timeout:5000 
     }); 

    }); 
}); 

mit WebStrom IDE Ich habe versucht index.html in Chrom (es läuft es auf localhost auszuführen: 63342) Die Anfrage ist erfolgreich und die Daten werden wie erwartet zugestellt.

jedoch ist die App mit Android Emulator emulieren, wenn ich drücken Sie die Taste i erhalten:

POST http://127.0.0.1:3000/tweets net::ERR_CONNECTION_REFUSED -- jquery-3.2.1.min.js:4 

Grundsätzlich. Ich betreibe meinen Node.js (Express) -Server lokal und möchte Ajax-Anrufe von der Cordova-App auf dem Android-Emulator ausführen. Was habe ich falsch verstanden?

Answer 1

Okay, nach frustrierenden Stunden der Forschung fand ich schließlich, dass localhost oder 127.0.0.1 bezieht sich nur auf Emulator selbst, aber nicht den Computer, auf dem es läuft. Um dieses Problem zu beheben, musste ich nur die Anfrage an meine Computer (auf denen node.js Server läuft) lokale IP senden. In meinem Fall war lokale IP 192.168.0.2 also habe ich:

http://127.0.0.1:3000/tweets 

zu:

http://192.168.0.2:3000/tweets 

Und es scheint, jetzt zu arbeiten.