Ionic 4 API 调用问题答案

【问题标题】：Ionic 4 API call issueIonic 4 API 调用问题
【发布时间】：2019-10-31 14:05:13
【问题描述】：

我在调用简单的 php API 时遇到错误。这个 api 在 web 浏览器和 Android 设备上运行良好。但是iOS设备的问题。我尝试了所有解决方案，但没有一个有效。我正在研究最新的离子。提前致谢。

错误

{"headers":{"normalizedNames":{},"lazyUpdate":null,"headers":{}},"status":0,"statusText":"未知错误","url":" http://xxx.xxx.php/wp-json/acf/v3/options/options/series","ok":false,"name":"HttpErrorResponse","message":"http://xxx.xxx.php/wp-json/acf/v3/options/options/series 的 Http 失败响应：0 未知错误","error":{"isTrusted":true}}

API 调用代码

this.restApiService.getData().subscribe(res => {
  for (var stateindex = 0; stateindex < res['series'].length; stateindex++) {
    this.stateList.push(res['series'][stateindex]);
  }
}, err => {
  console.log(err);
});

【问题讨论】：

标签： cordova ionic-framework ionic3 ionic4

【解决方案1】：

1) 在您的服务器端启用 CORS

2) 如果您的 API 不是 https，请确保 android webview 没有阻塞流量。强制启用 cleartextTraffic，默认情况下禁用。在您的应用中添加安全配置，如下所示。此处设置参考

https://stackoverflow.com/a/57062440/7237700

【讨论】：

【解决方案2】：

最后，得到了答案和问题，链接 http 不安全，这就是为什么它不能在 iOS 设备上运行但在 Android 和网站上运行的原因。所以，我使用 https 而不是 http 来工作并获取 api 数据。

【讨论】：