欢迎来到牛气网!

网站出现浏览器拦截跨域请求怎么办(已阻止跨源请求:同源策略禁止读取远程资源)

浏览次数:

作者: 欧巴

信息来源: 牛气网

更新日期: 2019-09-24 20:22:00

文章简介

最近我在做网页多域登录的过程中,出现浏览器无法兼容问题,出现问题如下图,这种情况会出现在一个页面调用多个登录出现的问题,需要远程像服务器

  • 正文开始
  • 相关文章
最近我在做网页多域登录的过程中,出现浏览器无法兼容问题,出现问题如下图

这种情况会出现在一个页面调用多个登录出现的问题,需要远程像服务器发送请求需要在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头,添加
“/"Access-Control-Allow-Origin:*" //值为*或指定的域名。
第三种,使用JSONP格式,即在jQuery中ajax请求参数dataType:'JSONP':  


<script>
    $.ajax({
        url:"http://www.niuqi.net/",
        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>

收藏此文 不错就点个赞(5) 打赏本站

欧巴码字不易,请大家多多支持!

  • 微信打赏
    微信扫描打赏
    支付宝打赏
    支付宝扫描打赏
没有了
上一篇 »
如何避免域名被微信封杀,微信域名防封需要注意哪些问题?
下一篇 »

精彩评论

  • 全部评论(0
    还没有评论,快来抢沙发吧!