2019-05-14

[MVC] Post Data to WebApi 發生缺少 CORS 'Access-Control-Allow-Origin' 檔頭

近日在使用 Angular POST Json 到 MVC 開發的 WebApi 時,出現以下錯誤訊息:

因為之前有遇過,知道是跨網域問題,很自然的使用之前的解法,就是在 WebApi 的 Web.Config 加上如下圖的資訊即可。


但是! 這次居然無效!! 

研究了老半天,實在是不知道哪裡出問題,只好另尋解法,找到使用 Microsoft.AspNet.WebApi.Cors 來設定,兩種方法都先記錄下來,方法如下:
  •  NuGet 下載 Microsoft.AspNet.WebApi.Cors
  • 在 WebApiConfig.cs 加上以下程式
  • 在 Controller 加上下圖紅框字,原因跟以前寫在 Web.Config 的一樣



參考來源:Microsoft

沒有留言:

張貼留言