nginx配置反向代理后端

1 环境

- 前端Vue项目，部署在服务器8088端口

- 后端Springboot项目,部署为8080端口

实现 后端接口/api/开头，前端访问本身ip+端口/api/xxx访问后端接口

2. 配置nginx

2.1 带/方式

shell
server {listen 8088;server_name your_domain.com;location / {root /path/to/your/vue/dist/;  # 静态资源目录try_files $uri $uri/ /index.html;}location /api/ {proxy_pass http://localhost:8080/api/;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-Forwarded-Proto $scheme;}# 其他 location 块或配置保持不变
}

解释： 访问http://localhost:8088/api/xxx 会请求到http://localhost:8080/api/xxx

2.2 不带/

server {listen 8088;server_name your_domain.com;location / {root /path/to/your/vue/dist/;  # 静态资源目录try_files $uri $uri/ /index.html;}location /api/ {proxy_pass http://localhost:8080;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-Forwarded-Proto $scheme;}# 其他 location 块或配置保持不变
}

解释： 访问http://localhost:8088/api/xxx 会请求到http://localhost:8080/api/xxx

总结

当配置proxy_pass不加/时， uri会追加到 proxy_pass后面
当配置proxy_pass加/时，不会在proxy_pass后添加uri

前端地址访问后端接口

后端地址访问接口