React Native App 使用 Fetch 方法不断返回 Network Request failed 错误

Question

我的本​​地主机上有一个 WAMP 服务器，我正在尝试通过我的本机应用程序运行其中的 php 文件以存储用户信息。我知道我需要使用本地主机的 IPv4 和端口号，然后是文件位置，但我仍然不断收到：'Possible Unhandled Promise Rejection (id: 0): TypeError: Network Request failed'，同时运行我的应用程序expo 应用上的 ios 设备。

我尝试将其设置为 https 而不是 http，但我仍然不断收到相同的错误，我已将链接复制粘贴到 google chrome 并运行 php 文件，但是当我在另一台设备上执行此操作时在同一个网络上，连接需要很长时间，但很快就会超时，是的，我的服务器在线。

fetch('http://[My server's IPv4 address]:80/Fetcher/Users.php', {
            method: 'POST',
            headers: {
                'Accept': 'application/json',
                'Content-Type': 'application/json'
            },
            body: JSON.stringify({
                username: this.state.username,
                password: this.state.password,
            })
        }).then((response) => {response.json()}).then(fullResponse => {
            console.warn(fullResponse);
            console.warn('out');
        }).catch(err => console.error(err));

我希望它接收用户名和密码并将它们存储在我创建的表中，该表在我创建的架构下的 WAMP 服务器表上。

发生的情况是我的应用程序出现网络请求失败错误

Answer 1

您似乎面临与this post 相同的问题。

默认情况下，Android 和 iOS 会阻止明文 HTTP 资源加载。您需要按照帖子中的说明在 iOS 和 Android 上启用它。

在这种情况下使用 https 将不起作用，因为您没有有效的服务器证书。

还可以查看同一篇文章以了解此问题的其他可能来源。