在 android 和浏览器上运行 ionic 项目时出现 CORS 问题答案

【问题标题】：CORS issue when running ionic project on android and browser在 android 和浏览器上运行 ionic 项目时出现 CORS 问题
【发布时间】：2020-03-28 22:53:18
【问题描述】：

我有一个正在访问远程 url 的 ionic 3 项目。但是，当我使用“ionic serve”在浏览器上或使用“ionic cordova build android”命令在 android 模拟器/设备上运行项目时，我收到以下错误：

Fetch API 无法加载 API URL。对预检请求的响应未通过访问控制检查：当请求的凭据模式为“包含”时，响应中的“Access-Control-Allow-Origin”标头的值不得为通配符“*”。 Origin 'http://localhost:8080' 因此不允许访问。

我搜索了一下，发现这是一个域尝试访问另一个域时发生的 CORS 问题，但该项目在同一网络上的其他 2 台机器上正常工作。使用的数据库是couchDB。

【问题讨论】：

CouchDB 与该问题有何关系？仅在与 CouchDB 或与主应用程序交谈时出现 CORS 错误？

标签： ionic-framework ionic3 couchdb

【解决方案1】：

您必须在允许访问它的服务器上启用特定来源。 Ionic 团队还写了一篇关于 Ionic 相关 CORS 的精彩总结：Ionic Cors Documentation

【讨论】：

【解决方案2】：

首先，检查您的外部 API 是否具有 SSL 保护意味着它是 Https 而不是 Http。如果它是 Https 并且您仍然收到错误，则使用下面的插件而不是 fetch() 或 Angular HttpClient。 https://ionicframework.com/docs/native/http

【讨论】：