我的 Ionic 应用程序无法从 Android 模拟器访问我的本地 Node 服务器

2024-02-22

我正在尝试使用 Capacitor 在 Android 模拟器上第一次运行我的 React/Ionic 应用程序。该应用程序应使用 Axios 连接到我的本地节点服务器。

虽然我的应用程序在模拟器上成功启动,但所有服务器请求都失败了Msg: Error: Network Error

这是我所做的步骤:

  • 我配置了 Axios 连接到http://10.0.2.2:3001代替localhost,但请求仍然失败

  • 我打开了网址http://10.0.2.2:3001/api在 Android 模拟器 Chrome 浏览器中,它成功了连接到我的服务器并返回响应

  • 我尝试将以下conf添加到我的capacitor.config.json文件中,但我的应用程序仍然失败

    "server": {
      "allowNavigation": ["10.0.2.2"]
    }
    

我应该尝试让我的应用程序连接到我的本地服务器,您还有其他建议吗?谢谢


经过搜索,在另一个帖子中找到了解决方案所以问题 https://stackoverflow.com/questions/56428284/axios-post-works-in-debug-but-gives-network-error-in-android-release-build :

  • 问题来自于我的应用程序使用的事实http代替https从 API 级别 28 开始,Android 默认禁止的请求。

允许http请求,我添加了android:usesCleartextTraffic="true"到我的应用程序AndroidManifest.xml

参考:https://developer.android.com/guide/topics/manifest/application-element#usesCleartextTraffic https://developer.android.com/guide/topics/manifest/application-element#usesCleartextTraffic

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

我的 Ionic 应用程序无法从 Android 模拟器访问我的本地 Node 服务器 的相关文章

随机推荐