使用chrome联调不在同一个域的请求

时间:2021-07-19 02:26:54

做前端的,用Ajax获取数据,是常有的事情,同域下自然没问题了,如果是不同域获取数据,浏览器就有个同源策略的限制

Origin * is not allowed by Access-Control-Allow-Origin

如果你用的浏览器是Chrome的话,那么就有福音了。在打开Chrome的地址后边加上 --args --disable-web-security就可以屏蔽安全访问了[ --args:此参数可有可无],然后就随意的调用不同域下的数据了。

修改快捷方式的目标为:

"C:\Program Files\Google\Chrome\Application\chrome.exe" --args --disable-web-security

(现在Chrome有更新:需要配置成 --args --disable-web-security --user-data-dir ) update: 20160414

(现在Chrome有更新:需要配置成 --disable-web-security --user-data-dir=C:\MyChromeDevUserData) update: 20190313

使用chrome联调不在同一个域的请求

测试:

代码:

<html>
<body>
从che.pingan.com返回的数据:
<div id="rlt"> </div>
</body>
<script src="http://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>
<script>
$.ajax({
type: "GET",
url: "http://che.pingan.com/shoppingCart/getMemberCartCount.do",
success: function(data){
$("#rlt").html(data);
alert( "success data: " + data );
}
});
</script> </html>

修改前:

使用chrome联调不在同一个域的请求

修改后:

使用chrome联调不在同一个域的请求