利用NGINX反向代理避免跨域

在慕课网上看了高并发的课程,准备用spring+Mybaits来开发新的项目。遇到了前端跨域请求的问题。

服务器上nginx+tomcat,其中nginx监听80端口,tomcat监听8080端口。

因为对前端不熟悉,以为用ajax就可以不需要callback,然而前端的同学说不跨域的情况下才不需要callback,让我在返回的json里加上。可是我刚刚学会了最基本的spring-mvc用法,根本不知道怎么加上callback :joy:

网上到时找到一些可行的代码,差不多这个样子:

来源:http://quarterlifeforjava.iteye.com/blog/2218530

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
@RequestMapping(method=RequestMethod.GET,value="getProjectStatusList",produces="text/html;charset=UTF-8")
@ResponseBody
public String getProjectStatusList(HttpServletRequest request,
HttpServletResponse response){


Map<String,Object> map = new HashMap<String,Object>();
try{
String callback = request.getParameter("callback");
//System.out.println("token:"+request.getHeader("token"));
List<String> list = ss.getProjectStatusList();
map.put("status", "success");
map.put("data", list);
ObjectMapper mapper = new ObjectMapper();
//这个拼接是重点。。。
String result = callback+"("+mapper.writeValueAsString(map)+")";
//String result = mapper.writeValueAsString(map);
return result;
}catch(Exception e){
JSONObject jo = new JSONObject();
jo.put("status", "fail");
jo.put("data", e.getMessage());
return jo.toString();
}
}

然而这样改动对我来说简直是伤筋动骨,因为我有太多的URL映射,修改的成本太大。

所以机智的我想到了nginx,这家伙不就是拿来搞反向代理的吗?真是机智如我 :sunglasses:

有了这个思路,做起来就简单了。直接在监听80端口的server中添加一个location

1
2
3
location /myApp {
proxy_pass http://localhost:8080/myApp;
}

重新加载nginx

1
{NGINX_HOME}/sbin/nginx -s reload

然后就把之前http://site:8080/myApp的跨域请求变成了http://site/myApp的非跨域请求。


好吧,都是我猜的,等前端同学来验证我的想法了 :smile:


下午实验课自己写了个ajax请求试了下,这个思路是没有问题的

1
2
3
$.ajax({url : "/myApp/list", async : true}).success( function (data) {
console.log(data);
});

打印结果:

1
Object {data: Array[8], success: true, errorMsg: null}