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

来源：懂视网责编：小采时间：2020-11-27 22:51:56

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

使用Nginx 反向代理来避免 ajax 跨域请求的方法:服务器上 nginx + tomcat ，其中 nginx 监听 80 端口， tomcat 监听 8080 端口。因为对前端不熟悉，以为用 ajax 就可以不需要 callback ，然而前端的同学说不跨域的情况下才不需要 callback ，让我在返回的 json 里加上。可是我刚刚学会了最基本的

推荐度：

点击下载本文 文档为doc格式

导读使用Nginx 反向代理来避免 ajax 跨域请求的方法:服务器上 nginx + tomcat ，其中 nginx 监听 80 端口， tomcat 监听 8080 端口。因为对前端不熟悉，以为用 ajax 就可以不需要 callback ，然而前端的同学说不跨域的情况下才不需要 callback ，让我在返回的 json 里加上。可是我刚刚学会了最基本的

服务器上 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 跨域请求的方法，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！

声明：本网页内容旨在传播知识，若有侵权等问题请及时与本网联系，我们将在第一时间删除处理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

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

推荐度：

点击下载本文 文档为doc格式

标签： nginx ajax 跨域问题

热门焦点

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

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

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

最新推荐

猜你喜欢

热门推荐