基于Nginx反向代理獲取真實(shí)IP的問(wèn)題詳解-創(chuàng)新互聯(lián)

一、前言

創(chuàng)新互聯(lián)提供成都網(wǎng)站建設(shè)、成都網(wǎng)站制作、網(wǎng)頁(yè)設(shè)計(jì)，成都品牌網(wǎng)站建設(shè)，廣告投放等致力于企業(yè)網(wǎng)站建設(shè)與公司網(wǎng)站制作，十年的網(wǎng)站開(kāi)發(fā)和建站經(jīng)驗(yàn),助力企業(yè)信息化建設(shè)，成功案例突破成百上千家,是您實(shí)現(xiàn)網(wǎng)站建設(shè)的好選擇.

前文Nginx 解決WebApi跨域二次請(qǐng)求以及Vue單頁(yè)面問(wèn)題當(dāng)中雖然解決了跨域問(wèn)題帶來(lái)的二次請(qǐng)求，但也產(chǎn)生了一個(gè)新的問(wèn)題，就是如果需要獲取用戶(hù)IP的時(shí)候，獲取的IP地址總是本機(jī)地址。

二、原因

由于Nginx反向代理后，在應(yīng)用中取得的IP都是反向代理服務(wù)器的IP，取得的域名也是反向代理配置的Url的域名。

三、解決方案

解決該問(wèn)題，需要在Nginx反向代理配置中添加一些配置信息，目的將客戶(hù)端的真實(shí)IP和域名傳遞到應(yīng)用程序中。同時(shí)，也要修改獲取IP地址的方法。

但是需要注意的是，通過(guò)Nginx反向代理后，如果訪問(wèn)IP通過(guò)了幾層代理，可能取得的IP地址是這種格式：clientIP,proxy1,proxy2。

如果需要將IP地址插入到數(shù)據(jù)庫(kù)的話(huà)，需要做防止注入。因此要對(duì)上述的IP地址的格式進(jìn)行截取。

3.1 Nginx 配置如下

server {
  listen  9461; # 監(jiān)聽(tīng)端口號(hào)
  server_name localhost 192.168.88.22; # 訪問(wèn)地址
  location / {
   root 項(xiàng)目路徑; # 例如：E:/Publish/xxx/;
   index index.html;
   
   # 此處用于處理 Vue、Angular、React 使用H5 的 History時(shí) 重寫(xiě)的問(wèn)題
   if (!-e $request_filename) {
    rewrite ^(.*) /index.html last;
    break;
   }
  }
  
  # 代理服務(wù)端接口
  location /api {
   proxy_pass http://localhost:9460/api;# 代理接口地址
   # Host配置以及域名傳遞
   proxy_set_header Host $host;
   proxy_set_header X-Real-IP $remote_addr;
   proxy_set_header REMOTE-HOST $remote_addr;
   proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
  }
 }

當(dāng)前文章：基于Nginx反向代理獲取真實(shí)IP的問(wèn)題詳解-創(chuàng)新互聯(lián)
文章鏈接：http://www.jiaotiyi.com/article/idoee.html

網(wǎng)站建設(shè)知識(shí)

基于Nginx反向代理獲取真實(shí)IP的問(wèn)題詳解-創(chuàng)新互聯(lián)

其他資訊