WebApi跨域

作者: 魏小厨 | 来源:发表于2017-02-22 13:15 被阅读0次

    在接口调用的时候,需要考虑到接口的跨域请求。

    在web.config配置中添加几条配置即可

      <system.webServer>        
        <httpProtocol>
        <customHeaders>
            <add name="Access-Control-Allow-Origin" value="*" />
            <add name="Access-Control-Allow-Methods" value="POST,OPTIONS" />
            <add name="Access-Control-Allow-Headers" value="content-type" />
        </customHeaders>
        </httpProtocol>
    </system.webServer>
    

    在部署到IIS上时,可以在HTTP响应标头里查看配置是否存在,如果不存在的话,可以手动添加

    用js来调用:

    <html>
        <head>
            <meta charset="utf-8">
            <script src="jquery-3.1.1.min.js"></script>
        </head>
        <body>
            <button>向页面发送 HTTP POST 请求,并获得返回的结果</button>
            <script>
            $.support.cors = true;
            $(document).ready(function(){
            $("button").click(function(){
                var url='接口地址';
                var sendInfo='接口请求信息';
                $.ajax({
                url:url,
                type:'POST',
                dataType:'json',
                //contentType:'application/json',     //添加这句会出错 
                data:sendInfo,
                success:function (data)
                {
                    console.log(data);
                }
                });
                // $.post(url,JSON.stringify(sendInfo), 
                //   function (data){
                //     console.log(JSON.stringify(data))
                //   },"json"
                // );
                })
                    
            });
            </script>
        </body>
    </html>
    

    调试发现可以跨区请求

    相关文章

      网友评论

        本文标题:WebApi跨域

        本文链接:https://www.haomeiwen.com/subject/mixmwttx.html