跨域问题解决

不再是cm

于 2020-03-16 17:40:00 发布

阅读量124

点赞数

CC 4.0 BY-SA版权

分类专栏：菜鸟专栏

本文链接：https://blog.youkuaiyun.com/SomeoneWorkHard/article/details/104903620

菜鸟专栏专栏收录该内容

2 篇文章

订阅专栏

本文介绍了解决跨域问题的两种方法：使用AJAX+CORS实现跨域请求，并配置响应头来控制跨域行为；通过Nginx代理设置，实现跨域请求的拦截与转发。这些方法确保了不同域名间的安全数据交互。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

（1）ajax+java（CORS）

$.ajax({  
	type: "post",  
    url: "Get",
    crossDomain: true,                 //加这二行支持ajax跨域，允许跨域
    xhrFields: {withCredentials: true},//加这二行支持ajax跨域，携带凭证   
    success: function (data) {}  
});

//允许的请求源，不要设置为*,如果为*,浏览器将不携带cookie
response.setHeader("Access-Control-Allow-Origin",request.getHeader("Origin"));
//是否允许请求携带认证信息，如cookie
response.setHeader("Access-Control-Allow-Credentials","true");
//允许方法的请求类型
response.setHeader("Access-Control-Allow-Methods","POST, GET, OPTIONS, DELETE, PUT, PATCH");
//请求结果的缓存时间
response.setHeader("Access-Control-Max-Age","3600");
//允许的请求头字段
response.setHeader("Access-Control-Allow-Headers","x-requested-with, content-type");

（2）nignx代理跨域

server {
	listen: 8085;
	serve_name localhost;
	charset utf-8;
	location ~* \.(do)$ { // 拦截.do结尾的请求
		proxy_redirect off;
		proxy_set_header Host $host;
		proxy_set_header X-Real-IP $remote_addr;
		proxy_set_header X-Forwarded-For $proxy_add_forwarded_for;
		proxy_pass http://localhost:8080;
	}
}

}