http - 在真实设备上调用 api 时，Ionic 4 Http 失败响应(未知 url): 0 Unknown Error.

Question

我有一个 ionic 4 应用程序，它调用 .NET Core 后端 api。
它在 chrome 浏览器上正常工作，但是当我在 android 设备上运行 apk 时，响应是:

{"headers":{"normalizedNames":{},"lazyUpdate":null,"headers":{}},"status":0,"statusText":"Unknown Error","url":null,"ok":false,"name":"HttpErrorResponse","message":"Http failure response for (unknown url): 0 Unknown Error","error":{"isTrusted":true}}

关于标题我附加了这些选项:

const httpOptions = {
    headers: new HttpHeaders({
        "Content-Type": "application/x-www-form-urlencoded; charset=utf-8" , 
        "Access-Control-Allow-Origin": "*", 
        "Access-Control-Allow-Headers": "Origin, Content-Type, X-Auth-Token, Accept, Authorization, X-Request-With",
        "Access-Control-Allow-Credentials" : "true",
        "Access-Control-Allow-Methods" : "GET, POST, DELETE, PUT, OPTIONS, TRACE, PATCH, CONNECT"  
       }) 
};  

我已经安装了插件:
cordova-plugin-ionic-webview

并使用来自“@angular/common/http”的 HttpClient

我的 API 远程托管，没有使用 ssl 证书!

我用谷歌搜索了所有解决方案，但没有一个能解决我的问题

Answer 1

我遇到了同样的问题，以下是我的条件:

我的 Ionic 4 应用程序在 Chrome 上运行良好，但是当我在模拟器上运行它时，它给了我“未知错误”问题。

我的后端是 Laravel 6。

我在 Mac 上使用 Android Studio 和 Visual Studio 代码。

我试图在服务器上调用 API。

我尝试了很多方法来解决这个问题。我确信这不是 COR 问题，因为我已经解决了它。
那么你怎么能解决这样的问题。你只需要添加一行，即

android:usesCleartextTraffic="true"

在这个标签中:

<application android:usesCleartextTraffic="true">
</application>

在您的 list 文件中，即

[yourProject]/android/app/src/main/AndroidManifest.xml

你很高兴去。