浏览器拦截跨域请求处理方法(已阻止跨源请求:同源策略禁止读取远程资源)
浏览器拦截跨域请求处理⽅法(已阻⽌跨源请求:同源策略禁⽌
读取远程资源)
无论......都......造句 简单
在浏览器请求中,出现跨域访问资源的问题,我们肯定会遇到。如果跨域请求被阻⽌,有可能导致css、js 、ajax请求、font字体等资源出现⽆法正常访问的问题。接下来,就介绍下解决同源策略不允许读取远程资源的问题。
今天就谈下远程字体跨域的问题。江歌被害案完整经过
直接了当了说,解决此类问题,最直接的⽅法就是,就是给被请求的服务器,添加HTTP头响应头,这⾥提供两种添加HTTP头的⽅法:第⼀种,就是在程序中添加HTTP头:
如: Response.Headers.Add("Access-Control-Allow-Origin", "*");
// JSON
{
'Access-Control-Allow-Origin': '*',
}
11时// 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:"map.oicqzone/gpsApi.php?lat=22.502412986242&lng=113.93832783228",
type:'GET',
dataType:'JSONP',  // 处理Ajax跨域问题
success: function(data){
$('body').append( "Name: " + data );
}
});
</script>
⼀般完成以上⼯作,就可以了。⽹上还有说在被请求服务器根⽬录下创建:"l"的⽂件。内容格式如下:
<?xml version="1.0"?>
<cross-domain-policy>
<allow-access-from domain="*"/>
两只小狮子</cross-domain-policy>

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。