时间戳

首页 > 解决方案 > 如何配置 app.json 以接受所有连接类型，例如 HTTP 请求？

javascript - 如何配置 app.json 以接受所有连接类型，例如 HTTP 请求？

问题描述

在我的 Expo React Native 应用程序中，我一直在尝试从我的 Ruby on Rails API 中获取数据，但似乎不允许使用 http 连接。

我发现的所有解决方案要么在我无法访问AndroidManifest.xml的 Android 和iOS 中添加配置，但我宁愿在 Expo 中继续开发而不是退出。Info.plist我也尝试过更改localhost为127.0.0.1,10.0.2.2和我的机器的 IP，但没有任何效果。我查看了有关使用 app.json和网络进行配置的文档，但我找不到任何有关在 Expo 中配置应用程序传输安全性的信息。我目前正在 android 9.0 Pie 上运行 Expo。

fetch(`http://localhost:3000/api/v1/trainers`, {
    headers: { 
    Accept: 'application/json',
    "Content-Type": "application/json" 
},
}).then(res => res.json())
.catch(err => console.log(err));

TypeError: Network request failed
    at XMLHttpRequest.xhr.onerror (420454d9-7271-44d5-b…-3a968d130699:48065)
    at XMLHttpRequest.dispatchEvent (420454d9-7271-44d5-b…-3a968d130699:53513)
    at XMLHttpRequest.setReadyState (420454d9-7271-44d5-b…-3a968d130699:52368)
    at XMLHttpRequest.__didCompleteResponse (420454d9-7271-44d5-b…-3a968d130699:52195)
    at 420454d9-7271-44d5-b…-3a968d130699:52305
    at RCTDeviceEventEmitter.emit (420454d9-7271-44d5-b…-3a968d130699:22482)
    at MessageQueue.__callFunction (420454d9-7271-44d5-b…-3a968d130699:22097)
    at 420454d9-7271-44d5-b…-3a968d130699:21854
    at MessageQueue.__guard (420454d9-7271-44d5-b…-3a968d130699:22051)
    at MessageQueue.callFunctionReturnFlushedQueue (420454d9-7271-44d5-b…-3a968d130699:21853)

标签： javascriptandroidreact-nativeexpofetch-api

解决方案

您的 REST api 在哪个域上？从反应本机应用程序（在模拟器上运行）获取到 node.js/express REST api 时，我遇到了同样的问题。我在 React 中找不到解决方法。

我找到了一个使用 ngrok ( https://ngrok.com ) 的解决方案。它允许您向外部公开特定的本地域：端口。使用这种方法，我能够从我的应用程序获取到我的 REST api。

需要明确的是，我不确定问题出在 React-Native 端。我怀疑是我的防火墙不允许连接通过。我没有搞乱所有这些设置，而是简单地使用了 ngrok。

推荐阅读