一个没那么难的历史难题,其实只要在被请求端,加一句:
header(‘Access-Control-Allow-Origin: *‘);
然后……然后没有了。
//跨域访问的时候才会存在此字段 $origin = isset($_SERVER[‘HTTP_ORIGIN‘])? $_SERVER[‘HTTP_ORIGIN‘] : ‘‘; $allow_origin = array( ‘http://www.a.com‘, ‘http://www.b.com‘ ); if(in_array($origin, $allow_origin)){ header(‘Access-Control-Allow-Origin:‘.$origin); header(‘Access-Control-Allow-Methods:POST‘); header(‘Access-Control-Allow-Headers:x-requested-with,content-type‘); }
因工作需要,客户端软件的一些界面用HTML+CSS+Javascript实现,这些文件放在客户端本地,以本地文件形式加载,但是有些情况下,需要连接服务器取得一些信息,如果不做任何处理,则请求失败,返回的信息如下:
No ‘Access-Control-Allow-Origin‘ header is present on the requested resource. Origin ‘null‘ is therefore not allowed access.
这是因为浏览器跨域策略起作用,阻止了跨域的请求。看看HTTP请求过程就知道。第一次请求后端时候,浏览器意识到是访问一个跨与资源,没有直接发送GET请求获取数据,而是发送了一个OPTIONS请求询问是否可以访问该资源。我们称之为Preflight请求,默认因为同源策略的存在,该请求返回的Header中没有‘Access-Control-Allow-Origin‘属性,所以访问失败。
如果要实现跨域,关键在于服务器,客户端的代码按照正常的方式编写即可。对于服务器,只需要在收到OPTIONS请求的地方,返回的头信息中增加该属性即可,代码如下:
header("Access-Control-Allow-Origin: *");
注意,一定要在所有信息输出到客户端之前设置。
时间: 2024-10-24 21:04:12