PHP接口允许H5页面ajax跨域访问设置方法

最新推荐文章于 2024-09-27 17:14:04 发布

小吴-斌

最新推荐文章于 2024-09-27 17:14:04 发布

阅读量448

点赞数

CC 4.0 BY-SA版权

分类专栏： PHP

本文链接：https://blog.youkuaiyun.com/qq_23564667/article/details/108401454

PHP 专栏收录该内容

89 篇文章

订阅专栏

本文详细介绍了H5开发中遇到的跨域问题，当调用不同域名下的数据接口时，会出现跨域错误。文章提供了三种PHP接口文件设置方法来解决此问题：允许单个域名、多个特定域名及所有域名的跨域访问。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

H5开发中使用ajax调用数据接口，如果接口文件不在同域名下会提示跨域错误（No ‘Access-Control-Allow-Origin’ header is present on the requested resource.）。

解决方法

通过设置php接口文件的 Access-Control-Allow-Origin 头信息来实现跨域访问。

// 1、允许单个域名访问
header("Content-type:application/json; charset=utf-8");
header("Access-Control-Allow-Origin:http://bm.tihu.com");
// 设置是否允许发送 cookies
header("Access-Control-Allow-Credentials:true"); 
header('Access-Control-Expose-Headers: *');  //服务器 headers 白名单，可以让客户端进行访问
header('Access-Control-Allow-Headers: *');

//   2、允许多个域名访问
header("Content-type:application/json; charset=utf-8");
$origin = isset($_SERVER['HTTP_ORIGIN'])? $_SERVER['HTTP_ORIGIN'] : '';  
$allow_origin = array(  
    'http://client1.tihu.com',  
    'http://client2.tihu.com'  
);    
if(in_array($origin, $allow_origin)){  
    header('Access-Control-Allow-Origin:'.$origin);       
}
header("Access-Control-Allow-Credentials:true");

// 3、允许所有域名访问
header('Access-Control-Allow-Origin:*');