一、前言

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

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

二、原因

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

三、解決方案

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

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

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

3.1 Nginx 配置如下

server {
  listen  9461; # 監(jiān)聽端口號
  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;
   }
  }
  
  # 代理服務(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;
  }
 }

名稱欄目：基于Nginx反向代理獲取真實IP的問題詳解-創(chuàng)新互聯(lián)
URL網(wǎng)址：http://aaarwkj.com/article44/idoee.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供關(guān)鍵詞優(yōu)化、外貿(mào)建站、做網(wǎng)站、網(wǎng)站制作、外貿(mào)網(wǎng)站建設(shè)、品牌網(wǎng)站制作

廣告

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