javascript - run - Retraso de React-Native, solicitud de red fallida. no usando localhost

react native tutorial

Question

Tengo una aplicación que estoy usando fetch para autenticar al usuario. estaba trabajando hasta hace unos días y no he cambiado nada. acaba de actualizar de reaccionar 0.27 a 0.28, no buscar no está funcionando.

He buscado durante casi 2 días y he leído casi todas las preguntas en stackoverflow. la mayoría de los usuarios intentan obtener algo de localhost, y cuando lo cambian a una dirección IP real, lo hacen funcionar. pero no estoy obteniendo nada de localhost, también el código de mina solía estar funcionando.

aquí está mi código:

fetch(''http://somesite.com/app/connect'', {
      method: ''POST'',
      headers: {
        ''Accept'': ''application/json'',
        ''Content-Type'': ''application/json'',
        ''language'':''en-US'',
        ''Authorization'': ''Bearer '' + access_token,
      },
      body: JSON.stringify({
        uid: uid,
        refresh_token: refresh_token,
        token: access_token,
        device: device_id,
        device_name: device_name,
      })
    })
.then((response) => response.json())
.then((responseData) => {
    console.log(JSON.stringify(responseData.body))
})
.catch((err)=> {
  console.log(''Some errors occured'');
  console.log(err);
})
.done();

Intenté hacer algunos proyectos nuevos, simple, simplemente utilicé un simple ejemplo de búsqueda de tutoriales, me dio el mismo error. Traté de abrir mi sitio web que estoy tratando de conectarme, a través del navegador en el emulador, funciona, pero parece que a través de mi aplicación no se puede conectar a ningún sitio web / ip. da este error en la consola de Chrome:

TypeError: Network request failed
    at XMLHttpRequest.xhr.onerror (http://localhost:8081/index.ios.bundle?platform=ios&dev=true&hot=true:28193:8)
    at XMLHttpRequest.dispatchEvent (http://localhost:8081/index.ios.bundle?platform=ios&dev=true&hot=true:14591:15)
    at XMLHttpRequest.setReadyState (http://localhost:8081/index.ios.bundle?platform=ios&dev=true&hot=true:29573:6)
    at XMLHttpRequest.__didCompleteResponse (http://localhost:8081/index.ios.bundle?platform=ios&dev=true&hot=true:29431:6)
    at http://localhost:8081/index.ios.bundle?platform=ios&dev=true&hot=true:29506:52
    at RCTDeviceEventEmitter.emit (http://localhost:8081/index.ios.bundle?platform=ios&dev=true&hot=true:13428:23)
    at MessageQueue.__callFunction (http://localhost:8081/index.ios.bundle?platform=ios&dev=true&hot=true:11999:23)
    at http://localhost:8081/index.ios.bundle?platform=ios&dev=true&hot=true:11906:8
    at guard (http://localhost:8081/index.ios.bundle?platform=ios&dev=true&hot=true:11857:1)
    at MessageQueue.callFunctionReturnFlushedQueue (http://localhost:8081/index.ios.bundle?platform=ios&dev=true&hot=true:11905:1)

de hecho, tengo el mismo problema que este usuario aquí: la solicitud de red nativa de React siempre falla

ACTUALIZACIÓN: info.plist de xcode

cualquier ayuda será apreciada!

Answer 1

Debería consultar este enlace: https://github.com/facebook/react-native/issues/8118

Parece que el problema surgió en React Native 0.28. La solución es "Permitir cargas arbitrarias" en el archivo info.plist que se encuentra en la carpeta de creación ios> que crea React.

Si abres toda la carpeta ios en xcode, abre este archivo info.plist y puedes crear una nueva clave para Permitir cargas arbitrarias y esto debería solucionar tu problema.