一、前言

創新互聯提供成都網站建設、成都網站制作、網頁設計，成都品牌網站建設，廣告投放等致力于企業網站建設與公司網站制作，十年的網站開發和建站經驗,助力企業信息化建設，成功案例突破成百上千家,是您實現網站建設的好選擇.

前文Nginx 解決WebApi跨域二次請求以及Vue單頁面問題 當中雖然解決了跨域問題帶來的二次請求，但也產生了一個新的問題，就是如果需要獲取用戶IP的時候，獲取的IP地址總是本機地址。

二、原因

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

三、解決方案

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

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

如果需要將IP地址插入到數據庫的話，需要做防止注入。因此要對上述的IP地址的格式進行截取。

3.1 Nginx 配置如下

server {
  listen  9461; # 監聽端口號
  server_name localhost 192.168.88.22; # 訪問地址
  location / {
   root 項目路徑; # 例如：E:/Publish/xxx/;
   index index.html;
   
   # 此處用于處理 Vue、Angular、React 使用H5 的 History時 重寫的問題
   if (!-e $request_filename) {
    rewrite ^(.*) /index.html last;
    break;
   }
  }
  
  # 代理服務端接口
  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;
  }
 }

名稱欄目：基于Nginx反向代理獲取真實IP的問題詳解-創新互聯
URL網址：http://www.js-pz168.com/article44/idoee.html

成都網站建設公司_創新互聯，為您提供關鍵詞優化、外貿建站、做網站、網站制作、外貿網站建設、品牌網站制作

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯