[MVC] Access-Control-Allow-Origin Issue

• Question
• Access-Control-Allow-Origin
• A網頁使用 jquery ajax 呼叫B API，產生下列圖示的錯誤

• 但使用 Postman 呼叫，卻是一切正常

• Solution
• 需要在 Header 輸入 Access-Control-Allow-Origin 的資訊
• 但簡單的方式在 B API 專案的 Web.config，進行修改
• Code 原本

< configuration>
  < system.webServer>
  ...
  < /system.webServer>
< /configuration>

• Code 加入

< configuration>
  < system.webServer>
      ... 
      < httpProtocol>
        < customHeaders>
          < clear/>
          < add name="Access-Control-Allow-Origin" value="*"/>
        < /customHeaders>
      < /httpProtocol>
  < /system.webServer>
< /configuration>

• Ref
• http://www.c-sharpcorner.com/blogs/how-to-enable-cross-origin-resource-sharing-in-mvc1