首頁 > web前端 > js教程 > 使用Nginx 反向代理來避免 ajax 跨域請求的方法

使用Nginx 反向代理來避免 ajax 跨域請求的方法

亚连
發布: 2018-05-23 17:14:02
原創
2250 人瀏覽過

這篇文章主要介紹了使用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 的非跨網域請求。

上面是我整理給大家的,希望今後對大家有幫助。

相關文章:

深入淺析Nginx實作AJAX跨域請求問題

Ajax點擊不斷載入資料列表(圖文教學)

Ajax Struts2實作驗證碼驗證功能(圖文教學)

以上是使用Nginx 反向代理來避免 ajax 跨域請求的方法的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板