使用Nginx避免ajax的跨域請求

這次帶給大家使用Nginx避免ajax的跨域請求，使用Nginx避免ajax的跨域請求的注意事項有哪些，下面就是實戰案例，一起來看一下。

伺服器上 nginx + tomcat ，其中 nginx 監聽 80 端口， tomcat 監聽 8080 端口。

因為對前端不熟悉，以為用 ajax 就可以不需要 callback ，然而前端的同學說不跨域的情況下才不需要 callback ，讓我在返回的 json 裡加上。可是我剛剛學會了最基本的spring-mvc 用法，根本不知道怎麼加上callback

網上到時找到一些可行的程式碼，差不多這個樣子：

@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 ，這傢伙不就是拿來搞反向代理的嗎？真是機智如我

有了這個思路，做起來就簡單了。直接在監聽80 埠的server 中加入一個location ：

location /myApp {
proxy_pass http://localhost:8080/myApp;
}

重新載入nginx ：

{NGINX_HOME}/sbin/nginx -s reload

相信看了本文案例你已經掌握了方法，更多精彩請關注php中文網其它相關文章！

推薦閱讀：

Ajax中readyState與status應該怎麼使用

##Ajax中用到get和post會遇到哪些問題以及處理方法
#

以上是使用Nginx避免ajax的跨域請求的詳細內容。更多資訊請關注PHP中文網其他相關文章！