React-Native fetch() Demande réseau a échoué sur Android

Question

Fond: J'utilise reac-native et rails et développement sur une tablette Kindle Fire HD. Lorsque j'utilise fetch pour essayer de me connecter au serveur rails fonctionnant localement sur mon macbook, j'obtiens l'erreur suivante.

TypeError: Network request failed 
    at XMLHttpRequest.xhr.onerror (index.android.bundle:12432) 
    at XMLHttpRequest.dispatchEvent (index.android.bundle:15169) 
    at XMLHttpRequest.setReadyState (index.android.bundle:14953) 
    at XMLHttpRequest.__didCompleteResponse (index.android.bundle:14809) 
    at index.android.bundle:14904 
    at RCTDeviceEventEmitter.emit (index.android.bundle:5866) 
    at MessageQueue.__callFunction (index.android.bundle:4838) 
    at index.android.bundle:4654 
    at MessageQueue.__guard (index.android.bundle:4809) 
    at MessageQueue.callFunctionReturnFlushedQueue (index.android.bundle:4653) 

Voici la requête d'extraction.

fetch('https://192.168.X.X:8080/api/collections', { 
    method: 'GET', 
    body: null, 
}) 
.then((response) => response.json()) 
.then((responseJson) => { 
    console.log(responseJson) 
    return success(responseJson); 
}) 
.catch((err) => { 
    errors(err); 
}); 

autour de la recherche, la plupart des suggestions disent de remplacer le localhost/127.0.0.1 à l'adresse IP du serveur. Mais cela ne semble pas avoir aidé.

Answer 1

Assurez-vous que votre port Mac est ouvert, ce n'est pas le cas par défaut. Assurez-vous également que le pare-feu est éteint ou qu'il autorise les connexions.