從Angular到不同域上的webAPI的調用變成了OPTIONS

Question

我將Angular與asp.net WebAPI一起使用。 當我從Angular調用WebAPI上的方法時，我在Chrome中收到一個錯誤（在IE中工作正常），並且可以通過Fiddler看到該調用是作為“ OPTIONS”進行的（我僅使用$ http.post和$ http.get），在IE中，它是作為帖子或獲取的。

我嘗試配置標頭與請求一起發送（“ Content-Type”：“ text / plain”），然后在Chrome中工作正常。 但是問題是我正在標題中使用授權，並且當我在標題中添加授權時，具有內容類型的hack不再起作用。

我還嘗試將NuGet包“ Cors”添加到WebAPI（並在控制器[EnableCors（“ ”，“ ”，“ *”）]中啟用了它），但未進行任何更改。

有沒有人可以解決這個問題？

首先十分感謝 ：-）

Answer 1

使用cors時，是否還會在Global.asax的Application_Start方法中添加代碼？ 不僅在操作中添加EnableCorsAttribute

GlobalConfiguration.Configuration.EnableCors();

或不需要使用cors lib，在web.config的節點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並添加訪問控制標頭，如在類似問題的此答案中所述