CORS,CrossOrigin Resources Sharing,也即跨源资源共享,是 HTML5 的一项特性,它定义了一种浏览器和服务器交互的方式来确定是否允许跨域请求。
通过服务器增加一个特殊的Header[Access-Control-Allow-Origin]来告知客户端跨域的限制,如果浏览器支持CORS的话,如果判断Origin通过的话,就会允许XHR进行请求,而不需要再使用jsonp
或者代理文件。
使用这个Header返回被允许请求跨域请求的来源域,例如网站php-note.com设置了下面的Header
Access-Control-Allow-Origin:
这样设置之后,通过下的页面对于php-note.com进行ajax请求就会被允许,而其他网站对php-note.com依旧会被阻拦,通过这种方式网站拥有者可以自己对此进行限制。
当然,如果不想限制来源,可以通过
Access-Control-Allow-Origin: *
来允许任何站点对该资源进行跨域请求
在filter文件夹下定义拦截器类:SimpleCORSFilter.java
package com.wenjianbao.filter; 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; import org.springframework.stereotype.Component; @Component public class SimpleCORSFilter implements Filter { @Override public void init(FilterConfig filterConfig) throws ServletException { // TODO Auto-generated method stub } @Override public void doFilter(ServletRequest request, ServletResponse response, FilterChain chain) throws IOException, ServletException { HttpServletResponse httpResponse = (HttpServletResponse) response; httpResponse.setHeader("Access-Control-Allow-Origin", "*"); httpResponse.setHeader("Access-Control-Allow-Methods", "POST, GET, OPTIONS, DELETE,PUT"); httpResponse.setHeader("Access-Control-Max-Age", "3600"); httpResponse.setHeader("Access-Control-Allow-Headers", "X-Requested-With, Content-Type, Accept,eu,ep,ctoken"); chain.doFilter(request, response); } @Override public void destroy() { // TODO Auto-generated method stub } }
其中'Access-Control-Allow-Origin'设置为'*',允许所有地址访问。
'Access-Control-Allow-Headers'设置比较特殊,如果基础参数设置完成后依然报类似:"Request header field tokenis not allowed by Access-Control-Allow-Headers in preflight response."这样的错误,我们就需要把缺少的字段信息补充进去。
web.xml配置文件内容添加:
<filter> <filter-name>cors</filter-name> <filter-class>com.wenjianbao.filter.SimpleCORSFilter</filter-class> </filter> <filter-mapping> <filter-name>cors</filter-name> <url-pattern>/*</url-pattern> </filter-mapping>
参考:https://blog.csdn.net/u012178818/article/details/80243241