从后端到前端跨域解决方案

记录一下跨域问题:

要下载两个jar文件,cors-filter ,java-property-utils这两个文件,

下载地址:

http://mvnrepository.com/artifact/com.thetransactioncompany/cors-filter

http://mvnrepository.com/artifact/com.thetransactioncompany/java-property-utils

(真心看不惯那些下载开源jar包还要积分的!!!!!)

任意选择一个版本点击jar即可下载。

从后端到前端跨域解决方案_第1张图片

放到Tomcat lib目录下面,不是项目的lib目录,然后配置项目的web.xml,添加如下代码。

    
    
        CORS
        com.thetransactioncompany.cors.CORSFilter
        
            cors.allowOrigin
            *
        
        
            cors.supportedMethods
            GET, POST, HEAD, PUT, DELETE
        
        
            cors.supportedHeaders
            Accept, Origin, X-Requested-With, Content-Type, Last-Modified
        
        
            cors.exposedHeaders
            Set-Cookie
        
        
            cors.supportsCredentials
            true
        
    
    
        CORS
        /*
    

前端跨域解决方案:

jsoup方案:使用jsoup默认的提交方式是GET,TYPE设置成POST还是默认GET

$.ajax({
        url:'',
        dataType:'jsonp',
        success:function(data){
            alert(data.msg);
        }
});

widthCredentials方案:

默认情况下widthCredentials为false,我们需要设置widthCredentials为true:

var xhr = new XMLHttpRequest();
xhr.open('GET', 'http://www.xxx.com/api');
xhr.withCredentials = true;
xhr.onload = onLoadHandler;
xhr.send();

ajax使用widthCredentials:

$.ajax({  
   type: "post", 
   url: "",  
   data: {},  
   xhrFields: {
	  withCredentials: true
   },
   success: function (res1) { 
	console.log(res1);
   }
});
亲测有效!欢迎留言。

你可能感兴趣的:(Tomcat,JAVA)