ajax跨域问题解决

最新推荐文章于 2025-12-30 16:57:17 发布

原创最新推荐文章于 2025-12-30 16:57:17 发布 · 214 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#跨域 #ajax #java #spring

本文详细介绍了如何在使用Shiro框架的应用中解决跨域问题，包括在响应头中添加跨域支持选项，以及通过Nginx代理实现跨域调用的方法。

可以解决非简单请求，带cookie的跨域，带自定义头的跨域，好用点个赞，不行就加我好友200¥

注意: 如果你使用shiro框架, 需要在Filter的postHandle中在头上加上跨域支持的选项

被调用方解决跨域 - 在http头上返回相关支持跨域的信息

HttpServletResponse res = (HttpServletResponse) response;

HttpServletRequest req = (HttpServletRequest) request;

String origin = req.getHeader("Origin");

if (!org.springframework.util.StringUtils.isEmpty(origin)) {
	//带cookie的时候，origin必须是全匹配，不能使用*
	res.addHeader("Access-Control-Allow-Origin", origin);			
}

res.addHeader("Access-Control-Allow-Methods", "*");

String headers = req.getHeader("Access-Control-Request-Headers");

//res.addHeader("Access-Control-Allow-Headers", "Content-Type");
// 支持所有自定义头
if (!org.springframework.util.StringUtils.isEmpty(headers)) {
	res.addHeader("Access-Control-Allow-Headers", headers);			
}

//OPTIONS预检命令缓存时间
res.addHeader("Access-Control-Max-Age", "3600");

// enable cookie
res.addHeader("Access-Control-Allow-Credentials", "true");

调用方解决跨域 - 隐藏跨域

调用方使用nginx解决

调用方地址： a.com
修改前被调用方地址：http://localhost:8080/test/get
修改后被调用方地址：/ajaxserver/get（ a.com/ajaxserver/get ）

server {
	listen 80;
 	server_name a.com;
 	location / {
		proxy_pass http://localhost:8081/;
	}

	location /ajaxserver {
		proxy_pass http://localhost:8080/test/;
	}
	
}