如何克服 IONIC Vue 3 android 构建中的 CORS 错误？

Question

我正在使用一个rest api，它允许本地主机使用CORS。当我使用离子应用程序的网络版本时，我按预期从服务器获得响应。但是当谈到android模拟器时 它给了我以下错误，我的 Api 只允许来自本地主机或来自我的域。如何克服这个问题？

**Msg: Failed to load https://myapi.com/GetAllUsersList: Response to preflight request doesn't pass access control check: The 'Access-Control-Allow-Origin' header contains multiple values 'http://localhost, *', but only one is allowed. Origin 'http://localhost' is therefore not allowed access.**

Answer 1

回答我自己的问题！ 我们可以改变 url 电容器的用途，这将改变原点。我们可以使用以下属性编辑capasitor.config.json

"server": {
    "hostname": "mydomain.com", //in my case this is localhost
    "androidScheme": "https"
}

Answer 2

请为您的应用程序使用 HTTP 插件，请检查下面的链接

https://ionicframework.com/docs/native/http

Answer 3

我知道这有点晚了，但上面的答案对我来说效果很好。 “主机名”：“本地主机”

对于后端，允许来源 https://localhost

我使用了 https，因为 http 不起作用