Rumah >hujung hadapan web >tutorial js >使用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
然后就把之前 http://site:8080/myApp 的跨域请求变成了 http://site/myApp 的非跨域请求。
上面是我整理给大家的,希望今后会对大家有帮助。
相关文章:
Atas ialah kandungan terperinci 使用Nginx 反向代理来避免 ajax 跨域请求的方法. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!