asp.net-mvc - MVC Web API Angular App ('http://localhost:4200' 已被 CORS 策略阻止)

Question

我花了好几个小时寻找一种方法来使我的前端 Web 应用程序 (Angular) 能够访问我的 Asp.NET MVC( Controller )，但它显示以下错误:

Access to XMLHttpRequest at 'https://localhost:44344/Authentication/SignIn' from origin 'http://localhost:4200' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: It does not have HTTP ok status.

Angular URL:http://localhost:4200/login?returnUrl=%2F

MVC 网址:https://localhost:44344/

这里还有我添加到我的 web.config 中的内容

<httpProtocol>
  <customHeaders>
    <add name="Access-Control-Allow-Origin" value="http://localhost:4200" />
    <add name="Access-Control-Allow-Headers" value="*" />
    <add name="Access-Control-Allow-Methods" value="*" />
    <add name="Content-Type" value="application/json"/>

    <add name="Access-Control-Allow-Credentials" value="true" />
  </customHeaders>
</httpProtocol>

我还在主 Controller 中添加了以下行:

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

但错误是一样的。

这是控件的初始化:

    [HttpPost]
    [AllowAnonymous]
    [DisableCors]
    public JsonResult SignUp(HF_Accnt_Access Company)

有人可以帮帮我吗

Answer 1

Add below code into Register method in WebApiConfig.cs file inside App_start folder.

var cors = new EnableCorsAttribute(来源:“”， header :“”，方法:“*”)；

config.EnableCors(cors);

注意:如果您添加任何交叉来源的任何配置，请从那里删除。例如:从 web.config 文件中删除。添加以下代码。

    public static void Register(HttpConfiguration config)
    {
        var cors = new EnableCorsAttribute(origins: "*", headers: "*", methods: "*");
        config.EnableCors(cors);
        
        // Web API configuration and services

        // Web API routes
        config.MapHttpAttributeRoutes();

        config.Routes.MapHttpRoute(
            name: "DefaultApi",
            routeTemplate: "api/{controller}/{id}",
            defaults: new { id = RouteParameter.Optional }
        );
    }