从Angular到不同域上的webAPI的调用变成了OPTIONS

Question

I am using asp.net WebAPI together with Angular. When I make a call from Angular to a method on my WebAPI, I get an error in Chrome (It is working fine in IE), and I can see with Fiddler that the call is made as an "OPTIONS" (I am only using $http.post and $http.get), in IE it is made as a post or a get.

I have tried to config a header to send with the request ('Content-Type': 'text/plain'), and then it is working fine in Chrome. But the problem is that I am using Authorization that also is in the header, and when i add Authorization in the header, the hack with content-type isn't working anymore.

I have also tried to add the NuGet packages "Cors" to the WebAPI (and enabled it in the controller [EnableCors(" ", " ", "*")]), but it has not made any changes.

Is there anyone that is having a solution for this problem?

Thanks very much in advance :-)

Answer 1

Do you also add the code in Global.asax's Application_Start method when you use cors? Not just add EnableCorsAttribute on action

GlobalConfiguration.Configuration.EnableCors();

or you don't need to use cors lib,it is also used when you add children node in web.config 's node system.webServer

<httpProtocol>    
  <customHeaders>    
    <add name="Access-Control-Allow-Origin" value="*" />    
    <add name="Access-Control-Allow-Headers" value="*" />    
    <add name="Access-Control-Allow-Methods" value="GET, POST, PUT, DELETE" />    
  </customHeaders>    
</httpProtocol>

Answer 2

您可能想要添加httpInterceptor并添加访问控制标头，如在类似问题的此答案中所述