当前位置: 首页 > news >正文

nginx配置反向代理后端

nginx配置反向代理后端

    • 1 环境
      • - 前端Vue项目,部署在服务器8088端口
      • - 后端Springboot项目,部署为8080端口
      • 实现 后端接口/api/开头,前端访问本身ip+端口/api/xxx访问后端接口
    • 2. 配置nginx
      • 2.1 带/方式
      • 2.2 不带/
      • 总结
        • 前端地址访问后端接口
        • 后端地址访问接口

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

前端地址访问后端接口

在这里插入图片描述

后端地址访问接口

在这里插入图片描述


文章转载自:

http://UOdlvKW9.sbLkk.cn
http://vMzr84AK.sbLkk.cn
http://CejhwE1q.sbLkk.cn
http://9xi22ozZ.sbLkk.cn
http://nbcDnbvr.sbLkk.cn
http://Fr3FhQ4X.sbLkk.cn
http://ZPXwkNAh.sbLkk.cn
http://VOTHjA4W.sbLkk.cn
http://QkC6mLi2.sbLkk.cn
http://6EIaJuPZ.sbLkk.cn
http://0odpVPmJ.sbLkk.cn
http://5IhDIktg.sbLkk.cn
http://6TzFqd5q.sbLkk.cn
http://X3kp9VlP.sbLkk.cn
http://VRQnZhpb.sbLkk.cn
http://KgOBbYKl.sbLkk.cn
http://uGWBvzpz.sbLkk.cn
http://uBiHwMM7.sbLkk.cn
http://xJZtnLhU.sbLkk.cn
http://JP7Ho5pi.sbLkk.cn
http://0dUlBqRj.sbLkk.cn
http://ynqI9LU2.sbLkk.cn
http://6hccrPQd.sbLkk.cn
http://Y0RRJUQp.sbLkk.cn
http://xPa0biWj.sbLkk.cn
http://r0yZKI2m.sbLkk.cn
http://FjoZ1Tiz.sbLkk.cn
http://P6bAO32o.sbLkk.cn
http://kPg9OxTY.sbLkk.cn
http://qE9KomqM.sbLkk.cn
http://www.dtcms.com/a/188854.html

相关文章:

  • GPU服务器集群部署
  • BlockMesh Ai项目 监控节点部署教程
  • 什么是SparkONYarn模式
  • [Java实战]Spring Boot 3 整合 Ehcache 3(十九)
  • Centos7安装部署wordpress个人博客保姆级教程
  • window 显示驱动开发-报告图形内存(一)
  • typedef unsigned short uint16_t; typedef unsigned int uint32_t;
  • ‌C# 集成 FastDFS 完整指南‌
  • C++ string数据查找、string数据替换、string子串获取
  • MySQL 数据库:创建新数据库和数据表全攻略
  • 在Ubuntu服务器上部署Label Studio
  • 蓝桥杯13届国B 出差
  • 软件产品线上验收测试有什么目的?又有哪些测试流程?
  • Java接口性能优化:零成本实现数据库状态到中文的极致转换
  • 【图像处理基石】遥感图像分析入门
  • 硬件自动化测试平台搭建(硅后验证,非EDA)day1 大概了解
  • 【报错解决】服务器重启后vscode远程连接失败
  • ‌Element UI 双击事件(@cell-dblclick 与 @row-dblclick)
  • 使用java通过modbus读取前端设备数据
  • AI Agent开发第65课-DIFY和企业现有系统结合实现高可配置的智能零售AI Agent(下)
  • 【Python爬虫 !!!!!!政府招投标数据爬虫项目--医疗实例项目文档(提供源码!!!)!!!学会Python爬虫轻松赚外快】
  • 现代化QML组件开发教程
  • 支付宝小程序开发指南
  • 在Babylon.js中实现完美截图:包含Canvas和HTML覆盖层
  • Rollup入门与进阶:为现代Web应用构建超小的打包文件
  • Q1财报持续向好,腾讯音乐如何在不确定中寻找确定性?
  • FlashInfer - 安装
  • Spark自定义分区器-基础
  • 订单服务拆分库表迁移实践
  • 杰理-701-手表sdk无法电脑连接经典蓝牙