虽然为 Web API 配置了 CORS，但未启用

Question

尝试从 Angular 项目访问使用 Web API 2.0 (asp.net) 制作的本地 API。

请求结果

从源“http://localhost:4200”访问“http://localhost:50581/MD/GetUserMD”处的 XMLHttpRequest 已被 CORS 策略阻止：没有“Access-Control-Allow-Origin”标头出现在请求的资源上。

但我不明白，因为我在 webAPIConfig 中添加了 EnableCors

并在所有控制器中指定这些。

有什么办法可以解决这个问题吗？ 提前谢谢你。

Answer 1

CORS 允许您指定谁可以调用您的 API。因此，需要的不仅仅是启用 CORS；您需要设置策略。有几种方法可以做到这一点：

1. 使用[EnableCors] 属性，可以在控制器或操作级别设置：

[EnableCors(origins: "http://localhost:4200", headers: "*", methods: "*")]

1. 对于您的整个应用程序：

public static void Register(HttpConfiguration config)
{
    var cors = new EnableCorsAttribute("[EnableCors(origins: "http://localhost:4200", "*", "*");
    config.EnableCors(cors);
}

您可以将来源设置为 "*" 以允许任何网站向您的 API 发出请求，但要小心。

更多信息在这里：Enable cross-origin requests in ASP.NET Web API 2