向 ASP.NET Web API 发送请求时出现 CORS 错误

Question

我正在尝试从 Angular 应用程序和 ASP.NET Web API 发送请求，它们都在 localhost 的两个不同端口上运行。当从 Angular 应用程序（前端）向 Web API 发送请求时，我收到一个 CORS 错误，即“请求的资源上不存在‘Access-Control-Allow-Origin’标头”。

我尝试了很多方法来尝试解决此问题，例如在 WebApiConfig 类中启用 cors、在 web.config 中自定义标头以及拦截飞行前检查，但问题仍然存在。

WebApiConfig.cs

var corsAttr = new EnableCorsAttribute("*", "*", "*");
config.EnableCors(corsAttr);

Web.config

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

Answer 1

您请求的站点似乎不允许从任何其他域访问任何资源。表示您请求的站点尚未实施 CORS（跨源请求共享）。

临时解决方案： 您可以使用代理 (https://crossorigin.me/https://google.com)，所有您需要做的 --> 只需在您的 url 之前附加 https://crossorigin.me/ 并了解更多详细信息

检查HERE。

第二个永久解决方案： 您必须为您请求资源的站点实施跨源资源共享。

第三个： 第三是您可以从浏览器中禁用 CORS (https://alfilatov.com/posts/run-chrome-without-cors/)。

查看这些网站了解更多详情1,2