本文通過設(shè)置Access-Control-Allow-Origin來實現(xiàn)跨域。
例如:客戶端的域名是client.w3cschool.cn,而請求的域名是server.w3cschool.cn。
如果直接使用ajax訪問,會有以下錯誤:
XMLHttpRequest cannot load http://server.w3cschool.cn/server.php. No 'Access-Control-Allow-Origin' header is present on the requested resource.Origin 'http://client.w3cschool.cn' is therefore not allowed access.
1、允許單個域名訪問
指定某域名(http://client.w3cschool.cn)跨域訪問,則只需在http://server.w3cschool.cn/server.php文件頭部添加如下代碼:
header('Access-Control-Allow-Origin:http://client.w3cschool.cn');
2、允許多個域名訪問
指定多個域名(http://client1.w3cschool.cn、http://client2.w3cschool.cn等)跨域訪問,則只需在http://server.w3cschool.cn/server.php文件頭部添加如下代碼:
$origin = isset($_SERVER['HTTP_ORIGIN'])? $_SERVER['HTTP_ORIGIN'] : ''; $allow_origin = array( 'http://client1.w3cschool.cn', 'http://client2.w3cschool.cn' ); if(in_array($origin, $allow_origin)){ header('Access-Control-Allow-Origin:'.$origin); }
3、允許所有域名訪問
允許所有域名訪問則只需在http://server.w3cschool.cn/server.php文件頭部添加如下代碼:
header('Access-Control-Allow-Origin:*');
更多建議: