在项目开发中,经常会遇到跨域访问资源,上传图片等,那么这些都怎么解决呢,下面简单介绍一下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请求的时候就不会出现报错了。 |