React-Native fetch, Network request failed. not using localhost
我有一个应用程序,我使用 fetch 来验证用户身份。它一直工作到几天前,我没有改变任何东西。刚刚从 react 0.27 升级到 0.28,not fetch 不起作用。
我已经搜索了将近 2 天,并且几乎阅读了 stackoverflow 中的所有问题。大多数用户试图从 localhost 获取某些内容,当他们将其更改为实际 ip address 时,他们就可以正常工作了。
但我没有从本地主机获取任何东西,我的代码也曾经工作过。
这是我的代码:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 | 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(); |
我尝试做一些新项目,简单,只是使用了一个简单的 fetch 示例来教程,它给出了同样的错误。我试图通过模拟器中的浏览器打开我试图连接到它的网站,它可以工作,但似乎通过我的应用程序无法连接到任何网站/IP。它在 chrome 控制台中出现此错误:
1 2 3 4 5 6 7 8 9 10 11 | 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) |
其实我和这个用户有同样的问题:React-native 网络请求总是失败
更新:
来自 xcode
的 info.plist
任何帮助将不胜感激!
你应该看看这个链接:https://github.com/facebook/react-native/issues/8118
看起来问题出现在 React Native 0.28 中。解决方案是在 React 创建的 ios>build 文件夹中的 info.plist 文件中"允许任意加载"。
如果您在 xcode 中打开整个 ios 文件夹,然后打开此 info.plist 文件,您可以创建一个新密钥以允许任意加载,它应该可以解决您的问题。
这个问题是代码试图获取 HTTP 端点而不是 HTTPS,这是不鼓励的。如果您从 localhost 服务器获取,一个简单的解决方案是通过 Ngrok https 端点公开您的 localhost 服务器。
步骤:
从终端/cmd 下载 ngrok 并运行
Ngrok 会给你一个 https 转发端点,只需使用它来访问你的 localhost 服务器。
设置 info.plist 对我也不起作用。正在尝试在 iOS 上运行。