DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> AJAX入門 >> AJAX基礎知識 >> 使用Nginx 反向代理來避免 ajax 跨域請求的方法
使用Nginx 反向代理來避免 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")
@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 跨域請求的方法,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對網站的支持!

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved