Web Api之Cors跨域（乾貨）---你們必定要看清我寫的內容哦

Web Api之Cors跨域

要想跨域須要準備一下幾步驟

1.建立WebAPI（請按照圖片前後順序來）

 

 

2.進入NuGet包管理搜 Microsoft.AspNet.WebApi.Cors 進行下載

 3.修改APP_Start中的 WebApiConfig文件 這裏時配置路由的地方，咱們須要進行修改才能使用，黃色框框的爲須要修改的文件，紅色框框是須要添加上去的代碼

注意：WebAPI默認路由是達不到咱們需求的 他的默認路由爲 api/{controller}/{id} 這個路由咱們不能用因此咱們必須更改，代碼以下（直接覆蓋掉原始的就能夠解決了）

 

        public static void Register(HttpConfiguration config)
        {
            // Web API 配置和服務
            // Web API 路由

            config.MapHttpAttributeRoutes();
            config.Routes.MapHttpRoute(
                name: "DefaultApi",
                routeTemplate: "api/{controller}/{action}/{id}",
                defaults: new { id = RouteParameter.Optional }
            );
            // 啓用跨域
            config.EnableCors(new System.Web.Http.Cors.EnableCorsAttribute("*", "*", "*"));
        }

　　控制器中方法使用以下

[HttpPost]
        public IHttpActionResult GetDome()
        {
            string JSON = JsonConvert.SerializeObject(「數據測試」);
            return Ok(JSON);
        }

　　JQuery方法調用：

$.ajax({
    type: 'post',
    url: '域名/GetDome',
    success: function (data) {
        alert(data)
   } 
)}