跨域解决方案

1.使用Jsonp解决跨域(不推荐,因为只支持get请求,不支持post请求)

1.前端AJAX请求dataType改为jsonp,且增加jsonp:"jsonpCallback"

$.ajax({
    type:"GET",
    async:"false",
    url:"127.0.0.1:80/xxxx",
    dataType:"jsonp",
    jsonp:"jsonpCallback",//服务端用于接收callback调用的function名的参数
    success:function(data){
        alert("data");
    },
    erro:function(){
        alert("erro");
    }

})

2.请求的URL后面会增加一个jsonpCallback=xxx的随机数,服务端返回值时,需要把jsonpCallBack的随机数一起返回
3.type改为ipost请求时,但是实际请求依旧是get

2.使用HttpClient进行转发(不推荐,因为效率低,会发送两次请求)

1.A项目需要调用B项目的接口是,A项目前端ajax调用后端URL,如192.168.1.1:8080/forwardB
2.在forwardB中,使用HttpClient调用192.168.1.1:8081/xxxx

相当于发送两次请求,但是注意保证域名和端口号一致问题
好处:安全,隐蔽了真实的接口调用

3.设置响应头允许跨域(推荐,适合小公司解决跨域问题)

1.通过fileter过滤器中写入ACCESS-Control-Allow的头信息,进行跨域访问,代码如下:

public class CrossDomainFilter implements Filter{
    @Override
    public void destroy() {
        // TODO Auto-generated method stub
    }
 
    @Override
    public void doFilter(ServletRequest req, ServletResponse res, FilterChain chain) throws IOException, ServletException {    
        //设置跨域请求  
        HttpServletResponse response = (HttpServletResponse) res; 
        //此处ip地址为需要访问服务器的ip及端口号
        response.setHeader("Access-Control-Allow-Origin", "http://192.168.1.1:8080");
        response.setHeader("Access-Control-Allow-Credentials", "true");
        response.setHeader("Access-Control-Allow-Methods", "GET, HEAD, POST, PUT, DELETE, TRACE, OPTIONS, PATCH");
        response.setHeader("Access-Control-Allow-Headers", "Origin, X-Requested-With, Content-Type,Token,Accept, Connection, User-Agent, Cookie");
        response.setHeader("Access-Control-Max-Age", "3628800");   
  
        System.out.println("设置跨域请求");  
        chain.doFilter(req, response);    
    }
 
    @Override
    public void init(FilterConfig filterConfig) throws ServletException {
        // TODO Auto-generated method stub
    }

}


2.web.xml配置filter

    
    
        crossFilter
        com.chinamobile.bcop.console.security.filter.CrossDomainFilter
    
    
        crossFilter
        /*
    

4.适应Nginx搭建API网关接口(强烈推荐,因为保证域名和端口一致,以项目区分方向代理到真实的服务器地址)

1.原理:保证域名和端口都是相同的,根据项目不同名称使用nginx进行转发到真实的服务器地址
2.注意,保证域名和端口都是相同的,只是项目不同
3.这种方案是可以彻底解决网站的跨域问题的,而且可以保证整套系统的安全性问题

如客户端请求api.xxxx.com/a,nginx根据/a,转发到项目a(192.168.1.1:8080),
客户端请求api.xxxx.com/b,nginx根据/b,转发到项目b(192.168.1.1:8081)

5.使用Zuul微服务搭建API网关(强烈推荐,Spring Cloud)

你可能感兴趣的:(跨域解决方案)