C# webapi跨域

第一种在Web.config中<system.webServer>节点中配置（不支持多个域名跨域）

    <httpProtocol>
      <customHeaders>
        <add name="Access-Control-Allow-Origin" value="http://localhost:31551" />
        <add name="Access-Control-Allow-Headers" value="*" />
        <add name="Access-Control-Allow-Methods" value="GET, POST, PUT, DELETE" />
      </customHeaders>
    </httpProtocol>

第二种方式，在项目中用NuGet安装microsoft.aspnet.webapi.cors（支持多个域名跨域）

如果遇到  System.FieldAccessException: 方法“System.Web.Http.GlobalConfiguration..cctor()”尝试访问字段“System.Web.Http.GlobalConfiguration.CS$<>9__CachedAnonymousMethodDelegate2”失败。

这个问题，我这边 是因为 Microsoft.AspNet.WebApi  2 没有安装，安装之后就没问题了

1.然后在App_Start文件夹下面的WebApiConfig.cs文件夹配置跨域

2.也可以在配置文件中设置，然后读取配置文件

在appSettings节点中配置

    <add key="cors_allowOrigins" value="http://localhost:31551,http://localhost:6449"/>
    <add key="cors_allowHeaders" value="*"/>
    <add key="cors_allowMethods" value="*"/>

然后在App_Start文件夹下面的WebApiConfig.cs文件夹配置跨域

public static void Register(HttpConfiguration config)
        {
            //跨域配置
            //config.EnableCors(new System.Web.Http.Cors.EnableCorsAttribute("http://localhost:31551,http://localhost:6449", "*", "*"));

            var allowOrigins = ConfigurationManager.AppSettings["cors_allowOrigins"];
            var allowHeaders = ConfigurationManager.AppSettings["cors_allowHeaders"];
            var allowMethods = ConfigurationManager.AppSettings["cors_allowMethods"];
            var globalCors = new System.Web.Http.Cors.EnableCorsAttribute(allowOrigins, allowHeaders, allowMethods);
            config.EnableCors(globalCors);

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

3.如果你只想对某一些api做跨域，可以直接在API的类上面使用特性标注即可。

先在App_Start文件夹下面的WebApiConfig.cs启用Cors

然后在接口前面加上标注就行了

    [System.Web.Http.Cors.EnableCors(origins: "http://localhost:31551", headers: "*", methods: "GET,POST,PUT,DELETE")]
    public class ChargingController : ApiController
    {
        /// <summary>
        /// 得到所有数据
        /// </summary>
        /// <returns>返回数据</returns>
        [HttpGet]
        public string GetAllChargingData()
        {
            return "Success";
        }
    }

参考  http://www.cnblogs.com/moretry/p/4154479.html

　　  http://www.cnblogs.com/landeanfen/p/5177176.html#_labelTop