离子应用程序未从 Android 设备上的远程 API 获取数据

Question

所以我正在构建一个带有 API 调用的 Ionic 应用程序，当我在浏览器上运行它并获取所有数据时，一切正常。

但是当我构建应用程序（ionic cordova build android）并在我的手机中安装 .apk 时，我没有得到任何数据，视图只是空的，我不知道为什么。

我按照我找到的here 的说明进行操作，但仍然一无所获。

我什至按照question 中的说明安装了“android-permissions”cordova 插件，但是当我在手机上安装该应用程序时，它说该应用程序不需要任何权限。

我迷路了，不知道为什么它不起作用。请帮忙！。

项目信息

Created using "ionic start appName blank --type=angular"

Ionic Framework :

@ionic/angular 4.9.1

Ionic CLI :

5.4.1

Cordova CLI :

9.0.0

Cordova Platforms : 

android 8.1.0

谢谢

Answer 1

这可能是whitelisting，或者，如果您有 Android 9 并且您的 API 不使用 TLS，则可能是 network security 问题。

白名单

将标签<access origin="https://your-server.com" /> 添加到您的config.xml。

网络安全

要允许 Android 9 设备访问 http://（非 TLS）API，需要额外的 configuration。在 Cordova 应用程序中，执行以下步骤：

1. 在您的项目根目录中创建一个名为 network_security_config.xml 的文件，其中包含以下内容：

    <?xml version="1.0" encoding="utf-8"?>
      <network-security-config>
        <domain-config cleartextTrafficPermitted="false">
      </domain-config>
    </network-security-config>

1. 将此添加到您的 config.xml 以将新配置包含在您的 Android 清单中：

    <platform name="android">
        ...
        <edit-config file="app/src/main/AndroidManifest.xml" mode="merge" target="/manifest/application" xmlns:android="http://schemas.android.com/apk/res/android">
            <application android:networkSecurityConfig="@xml/network_security_config" />
        </edit-config>
        <resource-file src="network_security_config.xml" target="app/src/main/res/xml/network_security_config.xml" />
        ...
    </platform>

重建 Android 平台（即ionic cordova platform rm android 和ionic cordova platform add android 等），它应该可以在您的设备上运行。