• 解决web资源跨域请求问题


    参考地址:  http://my.oschina.net/lichaoqiang/blog/317823

    在浏览器请求中,出现跨域访问资源的问题,我们肯定会遇到。如果跨域请求被阻止,有可能导致css、js 、ajax请求、font字体等资源出现无法正常访问的问题。接下来,就介绍下解决同源策略不允许读取远程资源的问题。

        今天就谈下远程字体跨域的问题。

        直接了当了说,解决此类问题,最直接的方法就是,就是给被请求的服务器,添加HTTP头响应头,这里提供两种添加HTTP头的方法:

        第一种,就是在程序中添加HTTP头:   

    复制代码
    如: Response.Headers.Add("Access-Control-Allow-Origin", "*");
    // JSON
    {
      'Access-Control-Allow-Origin': '*', 
    }
    // HTML
    <meta http-equiv="Access-Control-Allow-Origin" content="*">
    // PHP
    header("Access-Control-Allow-Origin: *");
    header("Access-Control-Allow-Headers: Origin, X-Requested-With, Content-Type, Accept");
    复制代码

       添加此段代码的目的很简单,也就是告诉浏览器,这个资源是运行远程所有域名访问的。当然,此处的*也可以替换为指定的域名,出于安全考虑,建议将*替换成指定的域名。

       第二种,就是在服务器上,添加HTTP响应头。在这里,我们就以IIS6.0为例:

       在被请求的网站上,设置HTTP头,添加“

    //在被请求的网站上,设置HTTP头,添加
    "Access-Control-Allow-Origin:*" //值为*或指定的域名。

       第三种,使用JSONP格式,即在jQuery中ajax请求参数dataType:'JSONP':   

    复制代码
    <script> 
        $.ajax({ 
            url:"http://map.oicqzone.com/gpsApi.php?lat=22.502412986242&lng=113.93832783228", 
            type:'GET', 
            dataType:'JSONP',  // 处理Ajax跨域问题
            success: function(data){ 
                $('body').append( "Name: " + data ); 
            } 
        }); 
    </script>
    复制代码

       一般完成以上工作,就可以了。网上还有说在被请求服务器根目录下创建:"crossdomain.xml"的文件。内容格式如下:

    <?xml version="1.0"?>
    <cross-domain-policy>
      <allow-access-from domain="*" />
    </cross-domain-policy>
  • 相关阅读:
    字和字节和位的关系
    什么是arp协议?
    Python解释器有哪些?Python解释器种类
    简述解释型和编译型编程语言?
    Python3基础(五) 函数
    Python3基础(四) 条件与循环控制
    Python3基础(三) 运算符
    Python3基础(一) Hello World
    1987年国际C语言混乱代码大赛获奖的一行代码
    C++学习之普通函数指针与成员函数指针
  • 原文地址:https://www.cnblogs.com/demonxian3/p/9418069.html
Copyright © 2020-2023  润新知