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. 
  • SoLoader $ WrongAbiError con React Native Android
  • Reaccione errorTimeout nativo que consigue lista del dispositivo. Cuando se ejecuta hola mundo en ubuntu
  • React-native: comando no encontrado
  • Cómo abrir un servidor HTTP en reaccionar nativo
  • Reaccionar datos de almacenamiento nativos entre sesiones
  • ES6 en JavaScriptCore y React Native
  • Cajón de navegación en React-Native
  • Reaccionar Android nativo: mostrar una actividad de Java
  • ¿Cómo configurar la depuración en Visual Studio Code para React Native?
  • No hay identificación para mi prueba de interfaz de usuario de Android
  • Buscar en reaccionar no trabajará con ssl en android
  • FlipAndroid es un fan de Google para Android, Todo sobre Android Phones, Android Wear, Android Dev y Aplicaciones para Android Aplicaciones.