《学习笔记》WebAPI跨域以及使用

前面我們學習了WebAPI搭建以及使用，現在我們來學習WebAPI跨域以及使用

1.我們把之前WebAPI配置的教程代碼Copy過來如圖

 

 

 2.去Nuget程序包中引用Microsoft.AspNet.WebApi.Cors插件

 

 

 3.去當前項目中App_Start目錄的WebApiConfig文件下添加如下代碼

當然 你也可以下載控制器中如圖

 

 

 

 甚至你還可以寫在配置文件，在WebConfig添加一串代碼中如圖：

 

然後在WebApiConfig文件下添加一串代碼如圖：

 

 

 

 

 備註：第一個 * 代表支持跨域請求的域名以及端口如http://localhost:26883/，第二個 * 代表請求頭信息直接用*表示 當然你也可以用 accept,content-type,origin,x-my-header，第三 * 代表請求的方法類型如POST，GET，DELETE等類型明並且設置SupportsCredentials為true這個代表允許瀏覽器跨域，

 提示：在控制器中配置的跨域信息是局部的針對某個控制器進行跨域或者方法跨域

 

4.創建一個HTML文件測試

 

 5.查看瀏覽器控制臺信息如圖：