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)