https://github.com/sunshinelyz/mykit-delay

写在前面

文章已收录到：https://gitee.com/binghe001/technology-binghe 和 https://github.com/sunshinelyz/technology-binghe 小伙伴们别忘记给我 Star 呦!!

问题重现

upstream file { 
    server 192.168.175.110:80 max_fails=3; 
} 
 
server { 
    listen       80; 
    server_name  192.168.175.101; 
     location / { 
  root   html; 
  index  index.html index.htm; 
  #允许cros跨域访问  
  add_header 'Access-Control-Allow-Origin' '*'; 
  #proxy_redirect default; 
  #跟代理服务器连接的超时时间，必须留意这个time out
  proxy_connect_timeout 10; 
     } 
     
   location ~/file { 
 add_header 'Access-Control-Allow-Origin' '*'; 
 add_header 'Access-Control-Allow-Credentials' 'true'; 
 proxy_pass                  http://file; 
 proxy_set_header Host $host:$server_port; 
   } 
} 

我在192.168.175.110服务器上配置的Ngin如下所示。

server { 
 listen       80; 
 server_name  192.168.175.110; 
 #charset koi8-r; 
 #access_log  logs/host.access.log  main; 
 location / { 
     root   html; 
     index  index.html index.htm; 
     #允许cros跨域访问  
     add_header 'Access-Control-Allow-Origin' '*'; 
     #proxy_redirect default; 
     #跟代理服务器连接的超时时间，必须留意这个time out
     proxy_connect_timeout 10; 
 }   
 location ~/group([0-9]){ 
  root /data/fastdfs/storage/data; 
  ngx_fastdfs_module; 
 } 
} 

其实，问题的定位也比较简单，就是前端访问时多加了一个file前缀。那么，我们该如何解决这个问题呢?

问题解决

既然定位到问题了，那我们下一步就是要解决这个问题。思路也比较简单，就是在192.168.175.101服务器上接收到请求时将file前缀去掉。那如何去掉呢?

其实也很简单，只需要在192.168.175.101服务器上的Nginx上添加如下配置。

location ^~/file/ { 
 proxy_set_header Host $host; 
 proxy_set_header  X-Real-IP        $remote_addr; 
 proxy_set_header  X-Forwarded-For  $proxy_add_x_forwarded_for; 
 proxy_set_header X-NginX-Proxy true; 
 proxy_pass http://file/; 
} 

此时，192.168.175.101服务器上的Nginx配置如下所示。

upstream file { 
    server 192.168.175.110:80 max_fails=3; 
} 
 
server { 
    listen       80; 
    server_name  192.168.175.101; 
     location / { 
  root   html; 
  index  index.html index.htm; 
  #允许cros跨域访问  
  add_header 'Access-Control-Allow-Origin' '*'; 
  #proxy_redirect default; 
  #跟代理服务器连接的超时时间，必须留意这个time out
  proxy_connect_timeout 10; 
     } 
     
      location ^~/file/ { 
        proxy_set_header Host $host; 
        proxy_set_header  X-Real-IP        $remote_addr; 
        proxy_set_header  X-Forwarded-For  $proxy_add_x_forwarded_for; 
        proxy_set_header X-NginX-Proxy true; 
        proxy_pass http://file/; 
    } 
} 

知识扩展

nginx反向代理配置如何去除前缀?

方法一：加"/"

upstream pay { 
  server localhost:8089 weight=5; 
} 
upstream order { 
  server localhost:8090 weight=5; 
} 
server { 
    listen              80; 
    server_name         binghe.com; 
 
    location ^~/pay/ { 
        proxy_set_header Host $host; 
        proxy_set_header  X-Real-IP        $remote_addr; 
        proxy_set_header  X-Forwarded-For  $proxy_add_x_forwarded_for; 
        proxy_set_header X-NginX-Proxy true; 
 
        proxy_pass http://pay/; 
    } 
 
    location ^~/order/ { 
        proxy_set_header Host $host; 
        proxy_set_header  X-Real-IP        $remote_addr; 
        proxy_set_header  X-Forwarded-For  $proxy_add_x_forwarded_for; 
        proxy_set_header X-NginX-Proxy true; 
 
        proxy_pass http://order/; 
    } 
} 

^~/pay/表示匹配前缀是pay的请求，proxy_pass的结尾有/， 则会把/pay/*后面的路径直接拼接到后面，即移除pay。

方法二：rewrite

upstream pay { 
  server localhost:8089 weight=5; 
} 
upstream order { 
  server localhost:8090 weight=5; 
} 
 
server { 
    listen              80; 
    server_name  binghe.com; 
 
    location ^~/pay/ { 
        proxy_set_header Host $host; 
        proxy_set_header  X-Real-IP        $remote_addr; 
        proxy_set_header  X-Forwarded-For  $proxy_add_x_forwarded_for; 
        proxy_set_header X-NginX-Proxy true; 
 
        rewrite ^/user/(.*)$ /$1 break; 
        proxy_pass http://pay; 
    } 
 
    location ^~/order/ { 
        proxy_set_header Host $host; 
        proxy_set_header  X-Real-IP        $remote_addr; 
        proxy_set_header  X-Forwarded-For  $proxy_add_x_forwarded_for; 
        proxy_set_header X-NginX-Proxy true; 
 
        rewrite ^/order/(.*)$ /$1 break; 
        proxy_pass http://order; 
    } 
}