我的 react-native 项目的永久解决方案而不是 ngrok

Posted 2023-04-18

【中文标题】我的 react-native 项目的永久解决方案而不是 ngrok

【英文标题】：Permanent solution instead of ngrok for my react-native project

【发布时间】：2020-10-15 13:20:06

【问题描述】：

我在运行 react-native 应用时遇到了问题 [网络错误]，同样的问题也在讨论 here。

ngrok 临时工作。

一天结束时，当我关闭我的 ngrok 时，生成的令牌（链接）毫无用处。第二天，如果我必须运行我的项目，我必须重新生成一个新的令牌（链接）并在任何地方进行更改。此外，这就像为单个项目运行 3 个端口。

是否有相同的解决方案。

谢谢！！

【问题讨论】：

ios 和 android 都有这个问题吗？另外，您如何发出 HTTP 请求 - 分享您的代码。我过去已经能够连接到 localhost API，所以这绝对是可能的，并且不需要 ngrok。

@TsvetanGanev 我在安卓上运行它。我正在使用 Axios 处理 HTTP 请求。我的前端和后端代码描述为here。如果您需要详细信息，我会在这里发布。

我认为您的问题与此类似：***.com/a/55827042/8597510 - 您必须将 localhost 列入白名单以允许来自您的应用的非 HTTPS 流量

【参考方案1】：

最后，经过很长时间的研究，我找到了解决这个问题的方法。

但目前，它只适用于安卓模拟器。我不确定这是否适用于使用 ADB 的物理设备。

解决方案....

我将 http://localhost:3000 替换为 http://10.0.2.2:3000/。你也可以试试这个

import  Platform  from 'react-native';

export const baseUrl = Platform.OS === 'android' ?
    'http://10.0.2.2:3000/'
: 
'http://localhost:3000/';

这对我不起作用！！

无论如何，如果有物理设备（ADB）的解决方案，我很想知道。

谢谢！！

再见！！