Nginx反向代理到访问者机器上(后端调试）

No Big Deal2024-04-15 18:32

一、起因

因一名后端开发，不想使用postman等工具进行接口调试，因为web系统需要经过N多步骤的前置动作，不能保证参数的有效性，因此，需要直接点击web系统，触发本地后端代码。

但是，总不可能动不动就让前端给自己起一个项目吧，于是就用nginx进行部署前端项目，代理转发的形式，将接口转发到后端机器上。

因此有了关于这个配置的折腾。

二、配置

以下配置是用shell脚本生成的，需要参考脚本生成配置的，可以自己去翻下

配置内容，就以注释形式进行说明

rust 复制代码

# financeapi server配置 由脚本生成
server {
    listen 1001;
    
    ### 因为涉及到第三方的文件服务器，当特定的接口匹配时，转发到第三方文件服务器上
    ### 307的作用是：在转发过程中不改变原是请求的任何内容（请求方式、请求头、请求体等）
    location  /fronteapi/fs/uploadFile/ {
        return 307 http://10.10.10.10/fronteapi/fs/uploadFile/;
    }
	### 后端接口主要在这个路由里进行匹配
	
    location  /frontapi/ {
    	### 因为proxy_pass是自己拼接的，不是写死的字符串，因此在进行代理转发时，
    	### 会丢失请求参数，需要提前保存，最后拼在proxy_pass上
        if ($request_uri ~* "financeapi(/.*$)") {
            set  $path_remainder  $1;
        }
        ### 代理转发的主要配置，$remote_addr为nginx内置的变量，可表示访问者的IP,本文主题就是这个变量体现的
        
        proxy_pass http://$remote_addr:8079/$path_remainder;
        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_cookie_path / "/; HTTPOnly; SameSite=Lax; Max-Age=86400";
    }
	
	### 静态前端项目的根目录路径配置，相当于入口
    location / {
        root /home/docker/frontApp/front-web/dist;
        index index.html;
        try_files $uri $uri/ /index.html;
        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_cookie_path / "/; HTTPOnly; SameSite=Lax; Max-Age=86400";
    }
	
	### 因为认证用的是3方认证服务，因此当如下路径触发时候，需要重写当前路径
    location = /auth/oauth2/authorize {
        rewrite ^  http://xxx/auth/oauth2/authorize;
    }
   
}
# financeapi server配置 生成成功