Reaccionar Nativo en Android, falla la llamada ajax con recuperación

Estoy desarrollando una aplicación de Android con React Native. Estoy probando mi aplicación en un Galaxy Nexus API 23 que está siendo emulado en Android Studio, corriendo en un mac.

Deseo permitir a los usuarios compartir información entre sí. Estoy ejecutando un servidor web con php y mysql, y quiero que la aplicación para hacer solicitudes al servidor para compartir datos entre los usuarios.

Estoy tratando de hacer una solicitud POST a mi servidor de desarrollo mediante la API Fetch. Mi código js está abajo:

var AjaxEngine = { test: function() { return fetch('http://10.0.2.2/test.json') .then((response) => response.json()) .then((responseJson) => { console.log(responseJson); return responseJson.movies; }) .catch((error) => { console.error(error); }); } }; 

Llamado por AjaxEngine.test();

En mi emulador recibo el error siguiente:

ExceptionsManager.js: 70 TypeError: Error de la solicitud de red en XMLHttpRequest.xhr.onerror ( http: // localhost: 8081 / index.android.bundle? Platform = android & dev = true & hot = false & minify = false: 23711: 8 ) en XMLHttpRequest.dispatchEvent Http: // localhost: 8081 / index.android.bundle? Platform = android & dev = true & hot = false & minify = false: 9740: 15 ) en XMLHttpRequest.setReadyState ( http: // localhost: 8081 / index.android.bundle? Platform = android & dev = True & hot = false & minify = false: 25157: 6 ) en XMLHttpRequest .__ didCompleteResponse ( http: // localhost: 8081 / index.android.bundle? Platform = android & dev = true & hot = false & minify = false: 25015: 6 ) : 8081 / index.android.bundle? Platform = android & dev = true & hot = false & minify = false: 25090: 52 en RCTDeviceEventEmitter.emit ( http: // localhost: 8081/index.android.bundle? Platform = android & dev = true & hot = false & minify = false : 8977: 23 ) en MessageQueue .__ callFunction ( http: // localhost: 8081 / index.android.bundle? Platform = android & dev = true & hot = false & minify = false: 7065: 23 ) en http: // localhost : 8081 / index.android.bundle? Platform = android & dev = true & hot = false & minify = false: 6969: 8 en guardia ( http: // localhost: 8081/index.android.bundle? Platform = android & dev = true & hot = false & minify = false: 6917 : 1 ) en MessageQueue.callFunctionReturnFlushedQueue ( http: // localhost: 8081 / index.android.bundle? Platform = android & dev = true & hot = false & minify = false: 6968: 1 )

Test.json consiste en:

 { "message":"hello world" } 

La solicitud se realiza correctamente cuando reemplazo 'http://10.0.2.2/test.json' por 'http://facebook.github.io/react-native/movies.json' , por lo que la función en sí está bien.

'http://localhost/test.json' y 'http://127.0.0.1/test.json' cargan en un navegador web, curl y wget . También he intentado reemplazar el 10.0.2.2 con 127.0.0.1. También he intentado usar mi IP local (129.xxx.xx)

¿Qué debo hacer para que estas peticiones funcionen? ¿Cómo puedo acceder a mi servidor de desarrollo que se ejecuta en localhost desde la aplicación emulada android?

One Solution collect form web for “Reaccionar Nativo en Android, falla la llamada ajax con recuperación”

Si obtiene curl para trabajar, pruebe la opción -D , que escribe los encabezados en un archivo. De esta manera, puede ver si ambas solicitudes tienen f.ex. El mismo tipo mime.

  -D, --dump-header <file> Write the protocol headers to the specified file. This option is handy to use when you want to store the headers that an HTTP site sends to you. Cookies from the headers could then be read in a second curl invocation by using the -b, --cookie option! The -c, --cookie-jar option is a better way to store cookies. 
  • Geolocalización de fondo reaccionar nativo
  • El servidor de desarrollo devolvió el código de error de respuesta: 500 en reaccionar
  • Implementación / publicación de la aplicación Android hecha con React Native
  • Impedir que WebView cargue la URL en Android (React Native)
  • Autenticación de la cuenta de servicio de Google de reaccionar
  • Color global de "Texto" y color de texto "TextInput"
  • Reaccionar la integración nativa con el fallo de la aplicación existente: "No se puede encontrar la variable: __fbBatchedBridge"
  • Cómo disminuir React-Native Android tamaño de la aplicación
  • Cómo cambiar el nombre de visualización de una aplicación en reactivo-nativo
  • React-native-tcp no funciona en Android 7+
  • ¿Cómo puedo configurar la finalización de código java para un proyecto nativo de reactivar en intellij?
  • FlipAndroid es un fan de Google para Android, Todo sobre Android Phones, Android Wear, Android Dev y Aplicaciones para Android Aplicaciones.