webapi踩的坑

1.webapi跨域   须要在web.config的<system.webServer></system.webServer>节点中添加

<!--跨域-->
    <httpProtocol>
      <!--跨域配置开始-->
      <customHeaders>
        <add name="Access-Control-Allow-Origin" value="*" />
        <!--支持全域名访问，不安全，部署后须要固定限制为客户端网址-->
        <add name="Access-Control-Allow-Methods" value="GET, POST, PUT, DELETE, OPTIONS" />
        <!--支持的http 动做-->
        <add name="Access-Control-Allow-Headers" value="x-requested-with,content-type" />
        <!--响应头 请按照本身需求添加 这里新加了token这个headers-->
        <add name="Access-Control-Request-Methods" value="GET, POST, PUT, DELETE, OPTIONS" />
        <!--容许请求的http 动做-->
      </customHeaders>
      <!--跨域配置结束-->
    </httpProtocol>

跨域配置

2.webapi设置默认返回json格式   须要在WebApiConfig文件的Register方法中添加如下代码

GlobalConfiguration.Configuration.Formatters.XmlFormatter.SupportedMediaTypes.Clear();
            //默认返回 json  
            GlobalConfiguration.Configuration.Formatters.JsonFormatter.MediaTypeMappings.Add(
                new QueryStringMapping("datatype", "json", "application/json"));

            // 解决json序列化时的循环引用问题
            config.Formatters.JsonFormatter.SerializerSettings.ReferenceLoopHandling = Newtonsoft.Json.ReferenceLoopHandling.Ignore;

WebApiConfig配置

3.post请求webapi传参问题

移步到：http://www.javashuo.com/article/p-psfpmimr-en.html

 

4.跨域请求须要传自定义头致使请求失败时

跨域请求会先发送一个预处理请求再发送实际请求，预处理请求是OPTIONS类型，因此须要给他特殊处理一下

（1）在Global.asax文件中添加如下方法：

protected void Application_BeginRequest(object sender, EventArgs e)
        {
            var res = HttpContext.Current.Response;
            var req = HttpContext.Current.Request;

            //自定义header时进行处理
            if (req.HttpMethod == "OPTIONS")
            {
                res.AppendHeader("Access-Control-Allow-Headers", "Content-Type, X-CSRF-Token, X-Requested-With, Accept, Accept-Version, Content-Length, Content-MD5, Date, X-Api-Version, X-File-Name,Token,Cookie");
                res.AppendHeader("Access-Control-Allow-Methods", "POST,GET,PUT,PATCH,DELETE,OPTIONS");
                res.StatusCode = 200;
                res.End();
            }
        }

预处理请求特殊处理

（2）在web.config的跨域配置中找到name=“Access-Control-Allow-Headers” ,而后在它的value中加上本身所传的自定义header名，以下图