Web API跨域訪問

標籤：methods   protoc   pre   cors   注意   tar   技術   ros   跨域問題   

JS調用介面最需要注意的就是跨域問題

在.net平台下使js跨域變得非常簡單1、在nuget中引用 Microsoft ASP.NET Web API 2.2 Cross-Origin Support 包2、再 Application_Start() 中加入

//跨域GlobalConfiguration.Configuration.EnableCors();

3、在 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" />

注意：這裡有個坑，在跨域上傳圖片的時候會提示跨域失敗，如果修改了content-type會啟動預檢，按照如下設定

 

 

Web API跨域訪問