什么是跨域请求
可以理解为两个域名间交互数据的请求;
而现代浏览器默认都会基于安全原因而阻止跨域的ajax请求,这是现代浏览器中必备的功能,于是乎就有跨域访问的问题。
一般错误表现:
XMLHttpRequest cannot load XXXX. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'XXXX' is therefore not allowed access.
解决方法:
在 response 中添加 header
("Access-Control-Allow-Origin", "*");
("Access-Control-Allow-Methods", "POST, GET, OPTIONS, DELETE");
("Access-Control-Max-Age", String.valueof(3600*2));
("Access-Control-Allow-Headers", "x-requested-with");
添加方式很多,下面给出我的添加方式:
一、环境是:spring mvc 4.0, tomcat 7.0
二、服务端配置
2.1、定义类,
import java.io.IOException;
import javax.servlet.Filter;
import javax.servlet.FilterChain;
import javax.servlet.FilterConfig;
import javax.servlet.ServletException;
import javax.servlet.ServletRequest;
import javax.servlet.ServletResponse;
import javax.servlet.http.HttpServletResponse;
public class MyCORSFilter implements Filter {
public void doFilter(ServletRequest req, ServletResponse res, FilterChain chain) throws IOException, ServletException {
HttpServletResponse response = (HttpServletResponse) res;
response.setHeader("Access-Control-Allow-Origin", "*");
response.setHeader("Access-Control-Allow-Methods", "POST, GET");// 允许跨域访问的类型
response.setHeader("Access-Control-Max-Age", String.valueof(3600*2));
response.setHeader("Access-Control-Allow-Headers", "x-requested-with");
chain.doFilter(req, res);
}
public void init(FilterConfig filterConfig) {}
public void destroy() {}
}
2.2、在 web.xml 中添加 过滤器
<filter>
<filter-name>corsFilter</filter-name>
<filter-class>com.xxx.MyCORSFilter</filter-class>
</filter>
<filter-mapping>
<filter-name>corsFilter</filter-name>
<url-pattern>/*</url-pattern> // 配置你的需要跨域的 url 过滤
</filter-mapping>
三、AngularJS 端访问代码
注:因为用到了JSON.stringify 函数,所以需要引入 json2.js
$http(
{method: "get",
url: url + "?“ + params,
headers:{"Content-Type":"application/x-www-form-urlencoded"}
}
).then(function(response) {
console.log("[status:" + response.status + "; data:" + JSON.stringify(response) + "]");
}, function(response) {
var data = response;
console.log("[status:" + response.status + "; data:" + JSON.stringify(data) + "]");
});
--------------------------------------------------------------------
若有其他凝问或文中有错误,请及时向我指出,
我好及时改正,同时也让我们一起进步。
email : binary_space@126.com
qq : 1035862795
敲门砖: 代码谱写人生
分享到:
相关推荐
主要介绍了Spring Boot 通过CORS实现跨域,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
cors跨域
CORS跨域访问框架jar包,具体配置方法非常简单,网上很多教程,
Tomcat lib目录下添加cors-filter-1.7.jar,java-property-utils-1.9.jar这两个jar包,项目中web.xml 中添加filter,以及出现OPTIONS 类型的请求并返回403的解决方案;压缩文件包含jar文件,以及web.xml配置。
跨域,前端开发中经常遇到的问题,AngularJS实现跨域方式类似于Ajax,使用CORS机制。 下面阐述一下AngularJS中使用$http实现跨域请求数据。 AngularJS XMLHttpRequest:$http用于读取远程服务器的数据 $http.post...
SpringMVC CORS跨域测试包
正常使用AJAX会需要正常考虑跨域问题,所以伟大的程序员们又折腾出了一系列跨域问题的解决方案,如JSONP、flash、ifame、xhr2等等。本文给大家介绍JS跨域解决方案之使用CORS实现跨域,感兴趣的朋友参考下吧
cors跨域Tomcat http://blog.csdn.net/itas109/article/details/70285802
在Tomcat中web.xml配置了跨域过滤后,发现Tomcat启动失败,最终发现是需要cors-filter和java-property-utils这两个jar包
本篇文章主要介绍了Java利用cors实现跨域请求实例,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
CORS跨域资源共享及解决方案.docx
跨域资源共享标准新增了一组 HTTP 首部字段,允许服务器声明哪些 源站通过浏览器有权限访问哪些资源 CORS 是通过设置一个响应头来告诉浏览器,该请求允许跨域,浏览器收到该响应 以后就会对响应放行。 ajaxDemo....
geoserver跨域设置: 1、将cors-filter-2.4.jar和java-property-utils-1.9.1.jar,两个jar包文件放入geoserver目录下webapps\geoserver\web-inf\lib中。 2、打开geoserver目录下webapps\geoserver\web-inf中的web....
tomcat解决跨域访问问题,具体配置如下: 1、修改tomcat下的Conf/web.xml文件,在该文件内容中新增以下配置,注意,若该web.xml中存在其它filter,则需要将该filter放在所有filter前面; <filter-name>...
主要介绍了Django中使用CORS实现跨域请求过程解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
cors-filter-1.7.jar java-property-utils-1.9.jar
跨域插件,备用下,好不容易找到,有个太贵了,一个积分意思意思,H5开发必备的chrome插件
1、 通过IP域名端口来限制前端项目对后端项目的Cors(跨域)访问。 2、 把物理上分离的前后端项目,在逻辑上统合到同1个域名下(例如:http://localhost:8080), 从而减少异常的产生。 3、 如果前端项目是网站应用程序,...
cors解决跨域问题,自己写了过滤器,结合网上的例子,写了一个web应用,可以完美解决跨问题,sessionid值变化的问题,注意js版本一定要高一些,我用的3.3.1.低版本可能会有问题