WebApi中跨域请求的解决方案和原理

跨域请求仅发生在JavaScript发起Ajax请求时，浏览器对请求的限制，通常只允许访问同一个域中的资源，或者目标服务器明确的通知浏览器允许该域访问资源。

那么什么叫跨域的：主机地址或者ip地址或者域名，端口号，http协议或者https协议中有一种不相同的时候就是跨域。

使用Cors来解决跨域的问题

第一步在WebApi中使用Nuget引入包

Microsoft.AspNet.WebApi.Cors

第二部需要在App_Start的WebApiConfig文件中配置允许跨域的Origins、Headers，Methods。如果配置允许所有的域都可以访问资源可以使用*，但是这种访问设置的安全性不容忽视。

 public static class WebApiConfig
     {
         public static void Register(HttpConfiguration config)
         {
             // Web API 配置和服务
             config.EnableCors(new EnableCorsAttribute("http://localhost:51144,http://localhost:65024", "*", "*"));
             //config.EnableCors(new EnableCorsAttribute("*", "*", "*"));
             // Web API 路由
             config.MapHttpAttributeRoutes();

             config.Routes.MapHttpRoute(
                 name: "DefaultApi",
                 routeTemplate: "api/{controller}/{id}",
                 defaults: new { id = RouteParameter.Optional }
             );
         }
     }