在项目开发中,经常会遇到跨域访问资源,上传图片等,那么这些都怎么解决呢,下面简单介绍一下ajax请求时,解决跨域问题。

原文地址:小时刻个人博客 > http://small.aiweimeng.top/index.php/archives/29.html

 

有时我们在请求数据接口时,会看到控制台中出现如下错误信息:

XMLHttpRequest cannot load http://server.runoob.com/server.php. No 'Access-Control-Allow-Origin' header is present on the requested 
resource.Origin 'http://client.runoob.com' is therefore not allowed access.

这句话意思说不能请求到资源;
如果客户端请求其他服务器的资源时我们设置一下跨域;下面演示设置:

1.用php的方法在脚本中添加如下代码:

//允许单个域名访问
header("Access-Control-Allow-Origin:http://www.yourdomain.com");

//或者下面这种,允许多个域名访问
$origin = isset($_SERVER['HTTP_ORIGIN']) ? $_SERVER['HTTP_ORIGIN'] : '';
$allow_origin = array(
    'http://www.yourdomain1.com',  
    'http://www.yourdomain2.com'
);
if(in_array($origin, $allow_origin))
{  
    header('Access-Control-Allow-Origin:'.$origin);       
}

//或者下面这种,允许所有可访问
header("Access-Control-Allow-Origin:*");

2.通过修改apache配置文件
首先编辑httpd.conf
找到 #LoadModule headers_module modules/mod_headers.so
去掉前面的 #
然后在独立资源域名的虚拟主机添加一行:

Header set Access-Control-Allow-Origin *
#意思是对这个域名的资源进行访问时,添加一个头信息

重启apache,再用ajax请求的时候就不会出现报错了。

内容来源于网络如有侵权请私信删除
你还没有登录,请先登录注册
  • 还没有人评论,欢迎说说您的想法!

相关课程