CORS跨域请求控制方法

 

1.http请求头

 

Origin: 普通的HTTP请求也会带有,在CORS中专门作为Origin信息供后端比对,表明来源域。

Access-Control-Request-Method: 接下来请求的方法,例如PUT, DELETE等等

Access-Control-Request-Headers: 自定义的头部,所有用setRequestHeader方法设置的头部都将会以逗号隔开的形式包含在这个头中

 

2.http响应头

 

然后浏览器再根据服务器的返回值判断是否发送非简单请求。简单请求前面讲过是直接发送,只是多加一个origin字段表明跨域请求的来源。然后服务器处理完请求之后,会再返回结果中加上如下控制字段

Access-Control-Allow-Origin: 允许跨域访问的域,可以是一个域的列表,也可以是通配符"*"。这里要注意Origin规则只对域名有效,并不会对子目录有效。即http://foo.example/subdir/ 是无效的。但是不同子域名需要分开设置,这里的规则可以参照同源策略

Access-Control-Allow-Credentials: 是否允许请求带有验证信息,

Access-Control-Expose-Headers: 允许脚本访问的返回头,请求成功后,脚本可以在

Access-Control-Max-Age: 缓存此次请求的秒数。在这个时间范围内,所有同类型的请求都将不再发送预检请求而是直接使用此次返回的头作为判断依据,非常有用,大幅优化请求次数

Access-Control-Allow-Methods: 允许使用的请求方法,以逗号隔开

Access-Control-Allow-Headers: 允许自定义的头部,以逗号隔开,大小写不敏感

 

 

如果程序猿偷懒将Access-Control-Allow-Origin设置为:Access-Control-Allow-Origin: * 允许任何来自任意域的跨域请求,那么久存在被 DDoS攻击的可能。

 

 

实现方式:

1、nginx配置文件配置:
server {  
    location / {  
        if ($request_method = 'OPTIONS') {  
          add_header 'Access-Control-Allow-Origin' '*';  
          add_header 'Access-Control-Allow-Credentials' 'true';  
          add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS';  
          add_header 'Access-Control-Allow-Headers' 'DNT,X-Mx-ReqToken,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type';  
         # add_header 'Access-Control-Max-Age' 3600;  
          add_header 'Content-Type' 'text/plain charset=UTF-8';  
          add_header 'Content-Length' 0;  
          return 200;  
        }  
}  
 
方法2:直接在tomcat安装目录下的lib中添加cors-filter-1.7.jar,java-property-utils-1.9.jar 这2个jar包,并且在业务项目的web.xml 中配置想要应的filter配置文件:
   <filter>
1.         <filter-name>CORS</filter-name>
 
1.         <filter-class>com.thetransactioncompany.cors.CORSFilter</filter-class>
 
1.         <init-param>
 
1.             <param-name>cors.allowOrigin</param-name>
 
1.             <param-value>*</param-value>
 
1.         </init-param>
 
1.         <init-param>
 
1.             <param-name>cors.supportedMethods</param-name>
 
1.             <param-value>GET,POST,HEAD,PUT,DELETE</param-value>
 
1.         </init-param>
 
1.         <init-param>
 
1.             <param-name>cors.supportedHeaders</param-name>
 
1.             <param-value>Accept,Origin,X-Requested-With,Content-Type,Last-Modified</param-value>
 
1.         </init-param>
 
1.         <init-param>
 
1.             <param-name>cors.exposedHeaders</param-name>
 
1.             <param-value>Set-Cookie</param-value>
 
1.         </init-param>
 
1.         <init-param>
 
1.             <param-name>cors.supportsCredentials</param-name>
 
1.             <param-value>true</param-value>
 
1.         </init-param>
 
1.     </filter>
 
1.     <filter-mapping>
 
1.         <filter-name>CORS</filter-name>
 
1.         <url-pattern>/*</url-pattern>
 
1.     </filter-mapping>
 
方法3:自己写的  filter类,自己在在业务项目中配置web.xml 中配置想要的xml 文件。
如:java类filter:
public class CorsFilter 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 {
// TODO Auto-generated method stub
HttpServletResponse res = (HttpServletResponse) response;
res.setContentType("text/html;charset=UTF-8");
   res.setHeader("Access-Control-Allow-Origin", "*");
   res.setHeader("Access-Control-Allow-Methods", "POST, GET, OPTIONS, DELETE");
   res.setHeader("Access-Control-Max-Age", "0");
   res.setHeader("Access-Control-Allow-Headers", "Origin, No-Cache, X-Requested-With, If-Modified-Since, Pragma, Last-Modified, Cache-Control, Expires, Content-Type, X-E4M-With,userId,token");
   res.setHeader("Access-Control-Allow-Credentials", "true");
   res.setHeader("XDomainRequestAllowed","1");
   chain.doFilter(request, response);
}
 
@Override
public void destroy() {
// TODO Auto-generated method stub
 
}
 
}
 
业务项目中的web.xml配置如下:
<filter>
 <filter-name>cors</filter-name>
 <filter-class>com.tianlong.common.base.CorsFilter</filter-class>
</filter>
<filter-mapping>
 <filter-name>cors</filter-name>
 <url-pattern>/*</url-pattern>
 
</filter-mapping>

PS:如果以上还无法实现跨域请求,那请检查防火墙是否允许请求通过!