浏览器：Apache中配置支持CORS（跨域资源共享）实例
发布日期：2022-08-10 12:34 | 文章来源：脚本之家
当使用ajax跨域请求时，浏览器报错：XmlHttpRequest error: Origin null is not allowed by Access-Control-Allow-Origin.肯定是跨域的问题，如果用jsonp或者proxy的方式进行修改的话未免需要太大的工程量，所以采用CORS这种比较简单高效的技术。相比JOSP的方式，CORS更为高效。JSONP由于它的原理只能实现GET请求，而CORS支持所有类型的HTTP请求。使用CORS,可以使用普通的ajax实现跨域，这对于前端来说是极大的福音了,这个技术被现在大多数浏览器所普遍支持，因为跨域已经是普遍的要求，浏览器肯定会逐渐流出适当的‘后门'出来专门用以跨域。
浏览器支持情况
经本人测试IE浏览器中IE10及以上才可正常发送请求
1.主机端对于CORS的支持，是通过设置Access-Control-Allow-Origin来进行的。如果浏览器检测到相应的设置，就可以允许Ajax进行跨域的访问，也就是相应的‘后门'。
设置Apache：Apache需要使用mod_headers模块来激活HTTP头的设置，它默认是激活的。你只需要修改Apache配置文件中的httpd.conf文件：
原始代码
复制代码 代码如下:
<Directory />
AllowOverride none
Require all denied
</Directory>
改为下面代码
复制代码 代码如下:
<Directory />
Require all denied
Header set Access-Control-Allow-Origin *
</Directory>
在处理请求的PHP文件中设置：
复制代码 代码如下:
<?php
header("Access-Control-Allow-Origin:*");
//处理请求输出数据
?>
配置的含义是允许任何域发起的请求都可以获取当前主机的数据。当然，这样有很大的危险性，恶意站点可能通过XSS攻击我们的主机。所以我们应该尽量有针对性的对限制安全的来源，例如下面的设置使得只有http://jb51.net/这个域才能跨域访问主机的API。
httpd.conf中：
复制代码 代码如下:
Header set Access-Control-Allow-Origin https://www.jb51.net
php文件中：
复制代码 代码如下:
<?php
header("Access-Control-Allow-Origin:https://www.jb51.net");
前台代码：
复制代码 代码如下:
<script type="text/javascript">
function createCORSRequest(method, url) {
var xhr = new XMLHttpRequest();
if ("withCredentials" in xhr) {
// 此时即支持CORS的情况
// 检查XMLHttpRequest对象是否有“withCredentials”属性
// “withCredentials”仅存在于XMLHTTPRequest level 2对象里
} else {
// 否则检查是否支持XDomainRequest
// XDomainRequest仅存在于IE中，是IE用于支持CORS请求的方式
xhr = new XDomainRequest();
}
xhr.open(method, url, true);
xhr.send();
xhr.onload = function(){
alert(xhr.responseText);
}
}
createCORSRequest('GET', "http://192.168.1.58/t.php");
</script>
相关阅读:
最新版：linux下Nginx 0.8.40的安装方法
接口：Linux中使用Crontab定时监测维护Tomcat应用程序的方法
证书：Nginx单向认证的安装配置方法
干扰：CentOS下停止Tomcat运行脚本代码
管理员：CentOS 6.3安装配置Weblogic-10方法
源码：CentOS 6.3 安装配置Apache2.2.6的方法(源码编译安装)
管理工具：重启IIS服务的几种方法小结
文件夹：Win2003下IIS以FastCGI模式运行PHP
缓存：基于centos 6.5使用varnish实现网站动静分离
发现：wamp2.2e 64位 curl 开启不了的解决办法
关注官方微信