溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點(diǎn)擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

如何使用Nginx反向代理來避免ajax跨域請求

發(fā)布時(shí)間:2021-08-30 15:53:10 來源:億速云 閱讀:96 作者:小新 欄目:web開發(fā)

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

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

因?yàn)閷η岸瞬皇煜?,以為?ajax 就可以不需要 callback ,然而前端的同學(xué)說不跨域的情況下才不需要 callback ,讓我在返回的 json 里加上。可是我剛剛學(xué)會(huì)了最基本的 spring-mvc 用法,根本不知道怎么加上 callback

網(wǎng)上到時(shí)找到一些可行的代碼,差不多這個(gè)樣子:

@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();
//這個(gè)拼接是重點(diǎn)。。。
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();
}
}

然而這樣改動(dòng)對我來說簡直是傷筋動(dòng)骨,因?yàn)槲矣刑嗟?URL 映射,修改的成本太大。

所以機(jī)智的我想到了 nginx ,這家伙不就是拿來搞反向代理的嗎?真是機(jī)智如我

有了這個(gè)思路,做起來就簡單了。直接在監(jiān)聽 80 端口的 server 中添加一個(gè) 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)知識(shí),歡迎關(guān)注億速云行業(yè)資訊頻道!

向AI問一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI