Azure WebApp Cors 不添加 Cors 标头

Question

我在 Azure 的 AppService 上托管了一个 Owin WebAPI2 .NET 应用程序。

我想添加使用 Azure 作为 in this article 的 CORS 支持。看起来很简单，你只需像这样在列表中添加一个 Origin 站点：http://screencast.com/t/r2ATq4u5

我现在希望 Response 标头包含这个允许的 Origin。

但是，当我使用 Fiddler 检查时，响应标头中不包含 CORS 标头： http://corstestqm.azurewebsites.net/breeze/restaurantsbreeze/basictest

我尝试过的步骤：

• 从我的解决方案中删除所有 CORS Nuget 库以及我的 API 项目中的所有 CORS 代码痕迹。
• 部署到全新的 AppService
• Enabled Owin CorsAllowAll

这些都没有任何效果。 （即响应不包含 Azure 中指定的 CORS 标头）。

我在这里错过了一些非常基本的东西吗？

更新 我进一步简化了问题： 在VS2015中新建了一个API项目，推送到http://corstestbasicap2.azurewebsites.net/api/values/ 没有任何变化（即它不应该启用 CORS）。

然后我使用 Test-Cors tool 来访问该 API。它没有按预期出现 CORS 错误。然后我进入 Azure 并添加一个虚拟 URL（例如 http://www.example.com）并再次尝试 CORS 测试。它应该会失败，因为 Azure 应该只让 example.com 通过。但是，它工作正常。

然后我 edit CORS again in Azure 并在 http://www.example.com 下方添加 http://www.test-cors.org（因此它应该允许通过），现在标题按预期返回 Access-Control-Allow-Origin:http://www.test-cors.org。

但这没有意义吗？当“http://www.test-cors.org”不在允许的来源中时，之前的调用肯定会失败吗？它似乎没有做任何有用的事情？！

Answer 1

我的问题是我不小心将 http 而不是 https 放入 Azure AD B2C 自定义页面配置刀片...更改为 https 后它就像一个魅力。

CORS headers missing when deployed on Azure Web App / Azure API

Answer 2

您可以通过添加 web.config 波纹管配置来实现这些：

<system.webServer>
     <httpProtocol>
      <customHeaders>
        <add name="Access-Control-Allow-Origin" value="*"/>
        <add name="Access-Control-Allow-Headers" value="Origin, X-Requested-With, Content-Type, Accept,Authorization"/>
        <add name="Access-Control-Allow-Methods" value="GET, POST, PUT, DELETE, OPTIONS"/>
      </customHeaders>
    </httpProtocol>
</system.webServer>

在 global.asax 中：

protected void Application_BeginRequest()
{
  if (Request.Headers.AllKeys.Contains("Origin") && Request.HttpMethod == "OPTIONS")
  {
    Response.Flush();
  }
}

如果你想从门户控制，请查看下面的图片：

注意，根据应用服务 CORS documentation，您不能在一个 API 应用中同时使用 Web API CORS 和应用服务 CORS。您必须清理有关 Web API CORS 的项目

不要尝试在一个 API 中同时使用 Web API CORS 和应用服务 CORS 应用程序。应用服务 CORS 优先，Web API CORS 优先 没有效果。例如，如果您在 App 中启用了一个源域 服务，并在您的 Web API 代码中启用所有源域，您的 Azure API 应用程序将只接受来自您在其中指定的域的调用 天蓝色。