這篇文章主要介紹如何使用Nginx反向代理來避免ajax跨域請求，文中介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們一定要看完！

為青白江等地區(qū)用戶提供了全套網(wǎng)頁設(shè)計制作服務(wù)，及青白江網(wǎng)站建設(shè)行業(yè)解決方案。主營業(yè)務(wù)為網(wǎng)站設(shè)計、做網(wǎng)站、青白江網(wǎng)站設(shè)計，以傳統(tǒng)方式定制建設(shè)網(wǎng)站，并提供域名空間備案等一條龍服務(wù)，秉承以專業(yè)、用心的態(tài)度為用戶提供真誠的服務(wù)。我們深信只要達到每一位用戶的要求，就會得到認可，從而選擇與我們長期合作。這樣，我們也可以走得更遠！

服務(wù)器上 nginx + tomcat ，其中 nginx 監(jiān)聽 80 端口， tomcat 監(jiān)聽 8080 端口。

因為對前端不熟悉，以為用 ajax 就可以不需要 callback ，然而前端的同學(xué)說不跨域的情況下才不需要 callback ，讓我在返回的 json 里加上?？墒俏覄倓倢W(xué)會了最基本的 spring-mvc 用法，根本不知道怎么加上 callback

網(wǎng)上到時找到一些可行的代碼，差不多這個樣子：

@RequestMapping(method=RequestMethod.GET,value="getProjectStatusList",produces="text/html;charset=UTF-8")
@ResponseBody
public String getProjectStatusList(HttpServletRequest request, 
HttpServletResponse response){
Map map = new HashMap();
try{
String callback = request.getParameter("callback");
//System.out.println("token:"+request.getHeader("token"));
List 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 ，這家伙不就是拿來搞反向代理的嗎？真是機智如我

有了這個思路，做起來就簡單了。直接在監(jiān)聽 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反向代理來避免ajax跨域請求”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對大家有幫助，更多相關(guān)知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！