nginx反向代理解决前端跨域问题

在nginx的 nginx.conf 中 server 下面添加下面代码。

location /apis {
rewrite ^.+apis/?(.*)$ /$1 break;
include uwsgi_params;
proxy_pass http://172.18.20.136:8080/; #代理地址 --服务器接口域名
}

在本地调用的时候
$.ajax({
url:'/apis/app/dev/portals/_api/datatable.php?rows=10&page=2&sort=subject&order=desc&keywords=',
type:"get",
success:function(data){
console.log(data);
}
});

只需这2步即可实现跨域访问接口!

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • ajax跨域问题,是每一个web前端都会经常遇到的问题,当然解决前端跨域的方法也有很多方法,这里我只记录一下如何使...
    rain129阅读 866评论 0 6
  • nodejs服务实现反向代理,解决本地开发接口请求跨域问题 前后端分离项目需要解决第一个问题就是,前端本地开发时如...
    莫逐阅读 61,038评论 0 4
  • 一:同源策略 1.what's this 所谓同源是指,域名,协议,端口相同。当浏览器运行一个JS脚本时会进行同源...
    吃茶叶蛋阅读 393评论 1 0
  • 上一篇《WEB请求处理一:浏览器请求发起处理》,我们讲述了浏览器端请求发起过程,通过DNS域名解析服务器IP,并建...
    七寸知架构阅读 81,322评论 21 356
  • Nginx简介 解决基于进程模型产生的C10K问题,请求时即使无状态连接如web服务都无法达到并发响应量级一万的现...
    魏镇坪阅读 2,097评论 0 9