前后端分离之后,采用nginx作为静态服务器,并通过反向代理的方式实现接口跨域的方式,在降低开发成本的同时也带来了诸多问题,例如客户端真实IP的获取。

在一些特殊场景下,比如风控和支付流程,往往需要获取用户的ip信息,但是nginx反向代理在实现跨域的同时,也彻底地改变了服务端请求来源,隔离了用户和服务端的连接,如下图

用户访问前端页面'https://a.test.com/index/html',调用支付接口的时候,支付接口的地址是'https://a.test.com/goPay',然后由nginx反向代理到server端的'https://b.test.com/goPay'。这个时候对于server端来说,他接到的请求都是来自nginx服务器的,此时server 端默认获取到的ip则是nginx服务器的ip。这并不是我们想要的。这个时候就需要添加如下配置:

proxy_set_header X-Real-IP $remote_addr;
proxy_set_header X-Real-Port $remote_port;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;

三个header分别表示:

X-Real-IP            客户端ip
X-Real-Port 客户端或上一级端口
X-Forwarded-For 包含了客户端和各级代理ip的完整ip链路

其中X-Real-IP是必需的,后两项选填。当只存在一级nginx代理的时候X-Real-IP和X-Forwarded-For是一致的,而当存在多级代理的时候,X-Forwarded-For 就变成了如下形式

X-Forwarded-For: 客户端ip, 一级代理ip, 二级代理ip...

在获取客户端ip的过程中虽然X-Forwarded-For是选填的,但是个人建议还是保留这,以便出现安全问题的时候,可以根据日志文件回溯来源。

有个坑~

除了上述配置部分网友还给了一个host的header

proxy_set_header Host $host;

首先这个header并不是必需的,其次这个header host和proxy_pass转发产生的hostheader会出现冲突,导致接口502的情况。但是这个配置更新后,nginx重启包括使用nginx -t进行测试也不会报错,这个值得大家注意一下。

最新文章

  1. hadoop基本命令
  2. 第二十四课:jQuery.event.remove,dispatch的源码解读
  3. springJDBC实现mysql简单分页
  4. FZU 2143 Board Game
  5. POJ 2154 【POLYA】【欧拉】
  6. 让IE6下支持固定定位
  7. subline的安装
  8. hud 2549 壮志难酬
  9. .1-Vue源码起步
  10. 反编译class文件并重新编译的方法
  11. oracle更改字符集为zhs16GBK
  12. JS案例六_1:添加城市
  13. anaconda 的安装
  14. 前后台交互经常使用的技术汇总(后台:Java技术,前台:Js或者Jquery)
  15. memcpy的函数
  16. Python协程笔记 - yield
  17. OFbiz--简单介绍
  18. C#编程(五十七)----------位数组
  19. 【html5】HTML5中canvas怎样画虚线
  20. jq ajax传参的两种方式

热门文章

  1. springcloud-feign的hystrix支持
  2. 【转】sql server日期比较
  3. MyBatis --- 配置步骤
  4. Android - fragment之间数据传递
  5. Q:判断链表中是否存在环的相关问题
  6. execution表达式
  7. Linux学习8-Linux常用命令(4)
  8. CefSharp F12打开DevTools查看console
  9. html打造动画【系列2】- 可爱的蛙蛙表情
  10. react 中使用定时器 Timers(定时器)