使用Nginx 反向 Proxy來避免 ajax 跨域請求的方法_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")@ResponseBodypublic 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 ，這傢伙不就是拿來搞反向 Proxy的嗎？真是機智如我

有了這個思路，做起來就簡單了。直接在監聽 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 的非跨域請求。

以上所述是小編給大家介紹的使用Nginx 反向 Proxy來避免 ajax 跨域請求的方法，希望對大家有所協助，如果大家有任何疑問請給我留言，小編會及時回複大家的。在此也非常感謝大家對雲棲社區網站的支援！