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