React Native Fetch返回网络请求失败

Question

我正在使用React Native开发一个简单的应用程序。我正在Genymotion Android Emulator上测试它。我已经创建了本地web服务器来侦听请求，它正在运行http://localhost:8082/API/.我已经测试了api，工作正常。然后，我从索引中发出一个获取请求。Androidjs。

以下是来自React本机代码的API示例请求：

var api = { getUser(){
        var url = "http://127.0.0.1:8082/API/";
        return fetch(url)
            .then((res) => res.json())
            .catch(
                (error)=>{
                    console.log('error' + error.message);
                    throw error;
                }
            );
    }
}
module.exports = api;

以下是Api服务器的代码（使用flightPHP构建）

Flight::route('GET /',function(){
try{
$db = new PDO('mysql:host=localhost;port=3307;dbname=testapp', 'root','');
    $stmt = $db->prepare("SELECT * FROM user LIMIT 1");
    $stmt->execute();
    header('Content-type: application/json');
    echo json_encode($stmt->fetchAll(PDO::FETCH_ASSOC));

    $db = null;

}catch(Pdoexception $e){
    echo $e->getMessage();
}
});

执行此调用后，我收到网络请求失败（）。android模拟器似乎无法识别api url。有什么建议吗？之前谢谢你

Answer 1

您可以使用ngrok覆盖网络请求。Android是一个模拟器，当你获取127.0.0.1版本时，它就会进入本地手机。ngrok将创建一个可从web访问的链接，并重定向到本地web服务器。

Answer 2

我已经解决了。只需更改API urlvar url="http://127.0.0.1:8082/API/中的React Code. tovar url="超文本传输协议：//local-ip-Address： 8082/API/检查您的本地ip只需从命令行/cmd运行ipconfig