跨域网站请求解决方案

什么是跨域：跨域其实是浏览器安全机制，请求访问的域名与ajax请求地址不一致，浏览器会无法返回请求结果。通俗点就是：B服务的页面中通过ajax加载了A服务中的信息 。

 跨域原因产生：在当前域名请求网站中，默认不允许通过ajax请求发送其他域名。

http://b.com/b.jsp

b.jsp
<script type="text/javascript">
$(function() {
$.ajax({
 type:"get",
url : "http://a.com/MyServlet?userId=12344",
cache : false,
dataType : "json",
success : function(data) {
console.log(data);
}
});
})  

</script>

怎么解决？

1.jsonp 只支持get请求，不支持post请求
2.使用接口网关--nginx、springcloud zull  -- 互联网公司实际案例
3.httpclient内部转发
4.添加header请求允许跨域访问

5.使用dubbo分布式服务框架

1.jsonp 只支持get请求，不支持post请求

b.jsp
<script type="text/javascript">
$(function() {
$.ajax({
 type:"get",
async:false,
url : "http://a.com/MyServlet?userId=12344",
dataType:"jsonp",
jsonp:"jsonpCallback", //服务器用于接收callback调用的function名的参数
cache : false,
dataType : "json",
success : function(data) {
console.log(data);
}
});
})  
</script>

A服务后台：
String jsonpCallback = request.getParameter("jsonpCallback");
再将该参数返回：
result=jsonpCallback+"("+result+")";
return result;

jsonp原理剖析：使用script发送get请求，传参数回调带回来进行解析。
<script type="text/javascript" src="http://www.yy.com/static/common/jquery.js?t=2017-07-27"></script>

jsonp永远只是get请求

2.使用接口网关--nginx、springcloud zull  -- 互联网公司实际案例

使用nginx搭建企业api接口网关 :

接口网关：拦截所有的请求，进行分发。作用：权限控制。

使用nginx搭建企业api接口网关实现原理：通过域名相同，项目不同，进行拦截跳转到真实服务器中。

http://www.edu.com/A  --> http://a.com:8080/A
http://www.edu.com/B  --> http://a.com:8080/B

B项目访问A项目：http://www.edu.com/A 使用nginx转发

nginx.conf 配置：
server {
        listen       80;
        server_name  www.edu.com;
        #charset koi8-r;
        #access_log  logs/host.access.log  main;

        location /A {
            proxy_pass http://a.com:8080/A
            index  index.html index.htm;
        }

location /B {
            proxy_pass http://b.com:8080/B
            index  index.html index.htm;
        }
    }

listen：监听的端口号
server_name：页面显示的服务名
proxy_pass：被转发到真实的服务器的地址
location /A :拦截A项目 转发至A服务中 A:A项目名

B项目b.jsp
<script type="text/javascript">
$(function() {
$.ajax({
 type:"get",
url : "http://www.edu.com/A/MyServlet?userId=12344",
cache : false,
dataType : "json",
success : function(data) {
console.log(data);
}
});
})  
</script>

3.httpclient内部转发

B项目b.jsp 
<script type="text/javascript">
$(function() {
$.ajax({
 type:"get",
url : "http://b.com/BdemoServlet?userId=12344",
cache : false,
dataType : "json",
success : function(data) {
console.log(data);
}
});
})  
</script>

b项目后台：
//创建默认链接
CloseableHttpClient httpClient = HttpClients.createDefault();
//创建请求
HttpPost httpPost = new HttpPost("http://a.com/MyServlet?userId=12344");
CloseableHttpResponse response = httpClient.execute(httpPost);
int code = response.getStatusLine().getStatusCode();
if(code == 200){
String result = EntityUtils.toString(response.getEntity());
System.out.println(result);
}
response.close();
httpClient.close();

缺点：浪费资源(不存在跨域问题) 底层做了两次请求。第一次: b.jsp先访问B项目中请求，第二次: B项目后台再次发送请求访问A项目获取数据
优点：安全，抓包分析不到。

4.添加header请求允许跨域访问

B项目b.jsp 
<script type="text/javascript">
$(function() {
$.ajax({
 type:"get",
url : "http://a.com/MyServlet?userId=12344",
cache : false,
dataType : "json",
success : function(data) {
console.log(data);
}
});
})  
</script>

在A项目的MyServlet代码中加入:

// 允许浏览器跨域访问 允许所有的
response.setHeader("Access-Control-Allow-Origin","*");

5.使用dubbo分布式服务框架.