【经验总结】彻底解决跨域问题(4种)

1 篇文章 0 订阅
1 篇文章 0 订阅
前言:很多情况会有项目和项目之间调用,有时候调用不过去,所以都会导致跨域问题,这个是我在小公司和现在这个大公司两家公司的用到的,希望能够帮助大家。在协议,域名,端口任何一个不一致都会产生跨域问题。
跨域请求:


1.jsonp跨域

这个是我在河南历象公司当时应用到的,背景就是前台调用后台,当时是前台开发的人来渲染页面的。上个代码
<script type="text/javascript"
	src="http://www.itmayiedu.com/static/common/jquery-1.7.2.min.js?t=2017-07-27"></script>
<script type="text/javascript">
	$(document).ready(function() {
		$.ajax({
			type : "GET",
			async : false,
			url : "http://a.unionpay:8081/ajaxB",
			dataType : "jsonp",
			jsonp : "jsonpCallback",//服务端用于接收callback调用的function名的参数 
			success : function(data) {
				console.log(data);
			},
			error : function() {
				console.log(data);
			}
		});

	});
</script>
底层原理:
他主要就是根据 url + jsonp 生成一个类似于随机数,然后请求
缺点:不支持post请求


2.httpClient工具类

点击:httpClient post请求封装
缺点:效率比较慢,中间做了次转发。


3.设置响应头(推荐使用)

这个方法建议使用,没有什么缺陷,一般都是放在过滤器中的(在这里只是做一个演示)
@RestController
@SpringBootApplication
public class UserController {

   @RequestMapping("getToken")
   public String getToken(HttpServletResponse response){
       //设置跨域请求访问,参数:*代表的是所有的域名都可以访问
       response.setHeader("Access-Control-Allow-Origin","*");
       return null;
   }
}


4.使用nginx做转发网关(强烈推荐使用)

当时就是做联调,每次访问他们本地的话,比较麻烦,对接的平台比较多,然后就给测试环境的代码做了一个映射,方便其他的平台访问。
server {
    listen 80 default_server;
	#在这里拿这个访问路径为www.demo.com
    server_name  www.demo.com;  
        if ($http_Host !~* ^www.demo.com$)
        {
            return 403;
        }


    charset utf-8;

    access_log  /var/log/nginx/aaa.access.log  main;

	#如果想访问的话,只需要通过   www.demo.com/a 即可
	location ^~ /a {
        proxy_pass  http://xxxxx:8080/a/;
        proxy_redirect    off;
        proxy_set_header  X-Forwarded-For $remote_addr;
		}
	
	#如果想访问的话,只需要通过   www.demo.com/b 即可
	location ^~ /b {
        proxy_pass  http://xxxx:8080/b/;
		proxy_redirect    off;
        proxy_set_header  X-Forwarded-For $remote_addr;
		}

    error_page  404              /error/404.html;
    error_page  500 502 503 504  /error/404.html;
}

在实战中学习,在快乐中成长

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值