nginx配置反向代理后端

nginx配置反向代理后端

    • [1 环境](#1 环境)
      • [- 前端Vue项目,部署在服务器8088端口](#- 前端Vue项目,部署在服务器8088端口)
      • [- 后端Springboot项目,部署为8080端口](#- 后端Springboot项目,部署为8080端口)
      • [实现 后端接口/api/开头,前端访问本身ip+端口/api/xxx访问后端接口](#实现 后端接口/api/开头,前端访问本身ip+端口/api/xxx访问后端接口)
    • [2. 配置nginx](#2. 配置nginx)

1 环境

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

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

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

2. 配置nginx

2.1 带/方式

javascript 复制代码
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 不带/

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;
        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

前端地址访问后端接口
后端地址访问接口
相关推荐
2301_7720935618 分钟前
高并发webserver_interview
运维·服务器·数据库·后端·网络协议·mysql·wireshark
haimin037126 分钟前
ubuntu 20.04 安装xrdp远程桌面访问
linux·运维·ubuntu
乌托邦的逃亡者1 小时前
Linux系统中配置history命令显示时间、IP、账号和操作命令
linux·运维·安全
Archy_Wang_11 小时前
Elasticsearch8.4.1升级Elasticsearch9.1.5
运维·elasticsearch·jenkins
集智飞行2 小时前
docker login方法
运维·docker·容器
运维行者_3 小时前
AWS云服务故障复盘——从故障中汲取的 IT 运维经验
大数据·linux·运维·服务器·人工智能·云计算·aws
不开心就吐槽3 小时前
docker-compose方式快速安装MySQL
运维·docker·容器
青靴3 小时前
关于NGINX,你了解多少?
运维·nginx
运维行者_4 小时前
DDI 与 OpManager 集成对企业 IT 架构的全维度优化
运维·网络·数据库·华为·架构·1024程序员节·snmp监控
命运之光4 小时前
【快速解决】Linux服务器安装Java17运行环境
linux·运维·服务器