在 Ionic 3 中调用 Web API答案

【问题标题】：Call Web API in Ionic 3在 Ionic 3 中调用 Web API
【发布时间】：2018-04-22 03:15:45
【问题描述】：

我在 MVC 中创建了简单的 API。

我想从 Ionic App 调用它。我在 WebApiConfig.cs 文件中编写了代码以允许 CORS。但是当我尝试从 Ionic 调用它时，它会抛出一个错误：

无法加载http://localhost:53377/api/member/2：否请求中存在“Access-Control-Allow-Origin”标头资源。因此不允许使用原点“http://localhost:8100” 访问。

我该如何解决这个问题？

【问题讨论】：

标签： asp.net-web-api cors ionic3

【解决方案1】：

在每个应用程序中，当您要向另一个 Web 应用程序发送请求时，您必须设置 Access-Control-Allow-Origin 标头。

这篇文章有完整的信息。

Access-Control-Allow-Origin header

【讨论】：

【解决方案2】：

我的英语不好，但我会尽力帮助你。

在你的 web.config 中添加这个

  <httpProtocol>
   <customHeaders>
    <add name="Access-Control-Allow-Origin" value="*" />
    <add name="Access-Control-Allow-Headers" value="Content-Type" />
    <add name="Access-Control-Allow-Methods" value="GET" />
  </customHeaders>
</httpProtocol>

在 Access-Control-Allow-Methods 中查看您的申请。根据需要添加 GET、POST、PUT 或 DELETE。

警报：我不知道有关它的安全信息。但在简单的申请中，应该可以解决。

警报 2：我建议在 webapi 申请中传递安全令牌。

【讨论】：