通过Nginx转发admin连接后端接口

已于 2024-06-20 13:58:43 修改
阅读量427 收藏 1
点赞数 9
CC 4.0 BY-SA版权
文章标签： java 开发语言
于 2024-04-30 14:47:13 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/itxuchuanlong/article/details/138345597
本文详细描述了如何在本地部署并配置开发环境，包括安装和配置nginx、mysql、rabbitmq、redis等服务，使用Docker构建和运行应用容器，以及设置跨域和Nginx配置，最终实现前端项目访问测试。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

1.需求配置

在本地环境部署一套开发环境，方便开发金磊调试功能

所使用到的服务有nginx，mysql，rabbitmq，redis，docker

服务安装网上都有教程这里就不一一列举出来了，服务都配置好之后 开始组建开发环境

2.开发环境搭建

在root用户下新建一个目录，licloud-api-develop

 

mkdir /root/licloud-api-develop
 

然后将后端接口包通过put拉取到这个目录下面
 

 

发现下面有一个Dockerfile文件，构建是这个Dockerfile
 

Dockerfile -t build licloud-api-develop .
 

 

ls查看一下
 

构建完成之后会出现两个镜像，这个时候我们运行第一个
 

 

docker run -it --name licloud-api-1 -p 5000:5000 /bin/bash docker ps -a
 

然后确定一下容器的状态
 

 

确定没有问题之后，我们开始修改nginx的配置,ubuntu中nginx配置文件的路劲在这里
 

 

cat /etc/nginx/sites-available/default
 

配置如下：
 

 

注意：
 

第一处ip必须写IP地址 不能写localhost 不然会报错
 

第二处跨域 域名后面要加 / 号 不然会读取不到数据
 

 

然后将我们前端项目admin的文件夹拉取到/usr/share/www/html/dist下
 

重置nginx配置
 

 

nginx -t nginx -s reload
 

访问192.168.5.177测试，访问成功
 


                

        

    

  



    



                



	

		

			

				
					
基于Vue3模板开发+Vit4打包+Ngnix部署站点 :通过代理转发来隐藏站点真实请求API，以及解决跨域问题（Vit配置本地请求跨域代理，Nginx进行API代理转发）

				
			

			

				

					专注于计算机研发知识和资讯分享
				

				

					08-10
					
					359
					
				

			

		

		

			
				
前端vite.config.ts里的代理配置是本地跨域代理，只适用本机调试环境，如果通过build命令打包部署时，在nginx中需要配置proxy_pass代理转发。如果没有/，表示相对路径，把匹配的路径部分也给代理走。接收到一个带有 /api 前缀的请求时，它会将请求代理到 http://target-domain.com。通过Vue项目API代理转发，来屏蔽站点请求API的服务器IP和端口，以及解决跨域问题。vit.config.js 文件中配置：正式环境隐藏日志。远程执行命令： 删除旧包。

			
		

	



                

            
              



	

		

			

				
					
nginx之proxy_pass代理后端https请求完全拆解 原

					
热门推荐

				
			

			

				

					阳光梦的专栏
				

				

					09-08
					
					3万+
					
				

			

		

		

			
				
前言

本文解释了怎么对nginx和后端服务器组或代理服务器进行加密http通信。

https://my.oschina.net/foreverich/blog/1517128?utm_medium=referral

内容提纲

前提条件
	获取SSL服务端证书
	获取SSL客户端证书
	配置nginx
	配置后端服务器
	完整示例
前提条件

nginx源码或nginx plus源码
	一个...

			
		

	



              


  
              

                


	

		

			

				
					
nginx如何将请求转发到后端服务器，后端服务器又是如何识别请求到其子服务

				
			

			

				

					ddccaaxXasac的博客
				

				

					02-26
					
					896
					
				

			

		

		

			
				
nginx中有以下配置：


在网关的yml文件中配置了routes:


前端传入的路径为http://10.104.0.164:18080/dataplatform/authzth/user/enquiry 此时网关是如何识别转发，请求到对应的子服务中？前端请求：Nginx 处理：Spring Cloud Gateway 处理：子服务处理：Nginx 配置：nginx
location /dataplatform/ {
    proxy_pass http://10.104.0.165:8601/;


			
		

	





	

		

			

				
					
【Nginx笔记02】通过Nginx服务器转发客户端的WebSocket接口到后端服务

				
			

			

				

					✅ Java 开发工程师，从事 Web 应用程序的研发，擅长 Spring、SpringBoot 等技术。 ✅ 热爱编程，业余时间学习新知识，通过 优快云 记录学习心得和笔记内容。
				

				

					02-27
					
					1万+
					
				

			

		

		

			
				
今天在工作中，遇到了一个需求，这个需求大概是前端和后端需要采用WebSocket方式来进行通信，因为是WebSocket接口，需要客户端需要知道通讯的接口地址，WebSocket接口的地址格式是：【ws://ip:port/xxx/yyy】，其中ip和port是后端服务提供的，/xxx/yyy是后端服务中提供的具体WebSocket接口地址。不依然会断开连接吗。这种情况下，我们客户端如果再次发送消息，就会抛出异常，因为WebSocket连接已经断开，无法发送消息，那么要如何解决这个问题呢？

			
		

	



		

			
		



	

		

			

				
					
nginx：如何配置Nginx以将请求转发到后端应用服务器

					
最新发布

				
			

			

				

					weixin_43290370的博客
				

				

					04-27
					
					1598
					
				

			

		

		

			
				
性能三要素保持alive连接合理设置缓冲区启用零拷贝传输可靠性四原则多层健康检查智能熔断优雅降级快速故障转移可观测性要求建议开发者在掌握基础配置的同时，深入理解TCP协议栈与HTTP协议的交互细节，这是处理高并发场景下各种异常问题的关键。同时推荐阅读Nginx源码中的模块实现，这对理解内部机制有极大帮助。

			
		

	





	

		

			

				
					
nginx做代理 转发前端请求到后端

				
			

			

				

					a983677218的博客
				

				

					08-22
					
					1993
					
				

			

		

		

			
				
Nginx 作为反向代理服务器可以很好地处理代理转发的请求，它能够将客户端的请求转发到后端服务器，并将后端服务器的响应返回给客户端（避免直接向后端发送请求，隐藏后端服务器地址）。下面介绍如何配置 Nginx 进行代理转发，进行基础配置。用docker构建nginx镜像时的配置文件举例，在对应的配置文件的代码块添加/api。

			
		

	





	

		

			

				
					
开发用的nginx转发后端接口

				
			

			

				

					sunlei198906的专栏
				

				

					03-24
					
					6392
					
				

			

		

		

			
				
目前开发多数趋于前后端分离，后端开发人员有的时候懒得搭建前端环境，可是写后端又不便于联调，经常被这个困扰中，本文介绍如何用nginx 转发。

前提：有一套完整的环境，可以访问 整个环境。环境地址，eg http://wangzhi.com

背景：开发人员不想搭建前端环境，可是又不便于联调。postman 联调的话，参数拼接比较麻烦。

步骤：

1、本地项目启动，eg:localhost:8080

2、配置本地 host

127.0.0.1 wangzhi.com

说明：需要把环境地址，转到本地，

			
		

	





	

		

			

				
					
nginx配置端口转发

				
			

			

				

					耕耘
				

				

					12-18
					
					9426
					
				

			

		

		

			
				
nginx配置端口转发，配置http请求和https tcp/udp转发

			
		

	





	

		

			

				
					
Rainbond 中Vue、React项目如何调用后端接口

				
			

			

				

					曾庆国的博客
				

				

					11-18
					
					1778
					
				

			

		

		

			
				
Rainbond中怎么部署 Vue 、React 项目请参考 Rainbond部署Vue、React项目

前言
以往我们在部署前端项目后，调用后端接口有以下几种场景：


后端接口没有统一，比较分散，例如：/system/user,/tool/gen 。
通常我们会在项目的全局配置文件.env.production中直接写入后端ip，例如：
ENV = 'production'
VUE_APP_BASE_API = '192.168.6.66:8080'

这样写虽可以正常访问，但会导致产生跨域问题。
.

			
		

	





	

		

			

				
					
Nginx架构及配置详解

				
			

			

				

					企业实战系列集 ●●● https://ximenjianxue.blog.youkuaiyun.com
				

				

					09-10
					
					5847
					
				

			

		

		

			
				
概述
Nginx采用C进行编写，是俄罗斯程序员开发的一款轻量级的可构建Web 服务器/反向代理服务器及电子邮件（IMAP/POP3）代理服务器的软件， Nginx服务器是一个高性能的HTTP和反向代理web服务器，同时也可提供了IMAP/POP3/SMTP服务。nginx常用作跑静态和做负载反向代理，动态php交给apache处理，因后者比较稳定，jsp交给tomcat、resin或jboss。n......

			
		

	





	

		

			

				
					
nginx

				
			

			

				

					大胆刁民的博客
				

				

					04-24
					
					1227
					
				

			

		

		

			
				
（Engine-X）是一个高性能的 Web 服务和反向代理服务器。它以。

			
		

	





	

		

			

				
					
Nginx将请求转发至后端应该怎么做？

				
			

			

				

					J_Lee
				

				

					10-29
					
					1万+
					
				

			

		

		

			
				
Nginx将请求转发至后端应该怎么做？

			
		

	





	

		

			

				
					
nginx笔记2-实现端口转发

				
			

			

				

					nslxcos的博客
				

				

					01-08
					
					2591
					
				

			

		

		

			
				
nginx配置端口转发的功能是可以实现反向代理可以配置nginx.conf文件或者在conf.d目录下加conf文件。

			
		

	





	

		

			

				
					
nginx转发请求后台接口地址

				
			

			

				

					翔子
				

				

					08-06
					
					3913
					
				

			

		

		

			
				
https://blog.youkuaiyun.com/cjd6568358/article/details/51871039




			
		

	





	

		

			

				
					
Nginx 实现端口转发

				
			

			

				

					qq_36306519的博客
				

				

					06-09
					
					2万+
					
				

			

		

		

			
				
Nginx 实现端口转发

			
		

	





	

		

			

				
					
nginx调用后端api接口

				
			

			

				

					小树苗
				

				

					10-14
					
					843
					
				

			

		

		

			
				
try_files指令 设置了 文件查找规则 为 $uri $uri/ /index.html。即3个规则，先从 $uri 查找，再从 $uri/ 目录中查找，最后查找 /index.html。#ex: http://www.xxx.com:xxx/unst/#/xxx,将/unst这个前置在页面跳转时加入url的#号之前即可。root   此处填写前端项目文件路径（默认访问的前端项目一的路径）;#前端项目二对应的后端服务二的跳转配置。#前端项目一对应的后端服务一的跳转配置。# 设置跨域访问权限。

			
		

	





	

		

			

				
					
docker安装nginx，部署多个前端项目在同一个server中去配置，设置后端接口转发

				
			

			

				

					chen的博客
				

				

					09-24
					
					1038
					
				

			

		

		

			
				
docker安装nginx，部署多个前端项目在同一个server中去配置，设置后端接口转发

			
		

	





	

		

			

				
					
Nginx后端接口配置

				
			

			

				

					天下武功唯CODING不破
				

				

					11-04
					
					3万+
					
				

			

		

		

			
				

upstream api.fcibook.com {
        server localhost:9161;
}

server {
    listen       80;
    server_name  api.fcibook.com;
    location /abb {
            root /usr/local/web/m.fcibook.com/;
      ...

			
		

	





	

		

			

				
					
nginx通过https+域名访问tomcat后台接口

				
			

			

				

					qq_37559701的博客
				

				

					04-11
					
					955
					
				

			

		

		

			
				
然后重启nginx即可(进入 /usr/local/nginx/sbin，运行./nginx 或./nginx -s reload进行重启)目标：通过nginx配置，实现通过https+域名访问springboot部署的tomcat接口。3、将解压后的文件上传至服务器中 /etc/ssl/certs 目录下。1、首先申请证书，下载适用于ngxin版本的证书（.PEM格式）（1）监听80端口，并修改服务名为域名信息。4、修改nginx.conf文件。附完整.conf文件。（2）监听443端口。

			
		

	





	

		

			

				
					
server {
        listen       9100;
        server_name  192.168.1.127;
	absolute_redirect off;
        access_log  /var/log/nginx/threecenter_access.log; 

        location /admin {
            alias C:/Work/luan/frontend/tc_admin_web/dist;
            index  index.html index.htm;
        }



        location /login {
            alias  C:/Work/luan/frontend/tc_oauth2_web/dist;
            index  index.html index.htm;
        }

        location /oauth2{
            proxy_pass http://192.168.1.127:7070/oauth2;
        }

        location /api/admin {
            proxy_connect_timeout 15;
            proxy_set_header Host $host;
            proxy_set_header X-Real-IP $remote_addr;
            proxy_set_header X-Forwarded-Host $host;
            proxy_set_header X-Forwarded-Server $host;
            proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
            proxy_pass http://192.168.1.127:7071/admin;
        }
	
	location /file {
      	    proxy_pass http://192.168.1.127:7071/admin;
    	}

	location /qr {
                   alias C:/Work/luan/frontend/qr-img;
                   index index.html index.htm;
                  }
	#db_center_temp
	location /govern/{
		proxy_pass http://10.90.3.47:7080/;
	}
  
        error_page   500 502 503 504  /50x.html;
        location = /50x.html {
            root   /usr/share/nginx/html;
        }
    }

				
			

			

				

					03-12
				

			

		

		

			
				
<think>好的，我现在要分析用户提供的这个Nginx配置文件。首先，我需要了解每个部分的作用，确保理解正确。然后根据用户的要求，用中文详细解释配置的结构和各个指令的功能，同时注意行内数学表达式和独立公式的格式要求。不过看起来这个配置主要是Nginx的server块设置，可能不涉及数学公式，但需要确认是否有需要用到的地方。如果有变量或路径中的特殊符号，可能需要用$...$格式。比如路径中的变量或者正则表达式。

首先，用户提供的配置是一个Nginx的server块，监听9100端口，服务器名是192.168.1.127。接下来有很多location块，每个处理不同的路径。需要逐一解释这些location的作用，比如alias、proxy_pass等指令的功能。

注意用户提到的系统级指令，比如所有行内数学表达式需要用$...$，独立公式用$$...$$。但在这个配置中，可能主要涉及的是代码块和路径，数学表达式可能较少。但如果有像变量$host、$remote_addr等，可能需要用$...$包裹，比如$host$。需要检查是否有需要这样处理的地方。

接下来，按照用户要求的结构，分步骤解释配置的每个部分。确保结构清晰，帮助用户理解每个配置项的作用。可能需要分段讲解server块的基本设置，然后每个location的作用，包括静态文件服务、反向代理等。

需要确认是否存在潜在问题，比如使用alias和proxy_pass时的路径是否正确，是否有斜杠问题。例如，location /admin 使用alias到目录dist，这时候访问/admin/时，Nginx会从该目录下寻找文件。而proxy_pass的地址是否带有结尾的斜杠，会影响URL的转发方式。例如，location /oauth2 的proxy_pass后面有/oauth2，是否正确？可能需要指出这些细节。

另外，用户配置中的absolute_redirect off; 是为了防止Nginx在重定向时使用绝对路径，可能会影响某些情况下的重定向行为，需要解释这一点。

在解释过程中，要确保使用中文，语句通顺，结构清晰，分点说明各个部分的功能，指出可能的注意事项或常见问题。比如，使用alias时，目录路径是否正确，权限是否足够，以及proxy_pass的目标地址是否可达等。

最后，检查是否有语法错误，比如括号是否匹配，分号是否正确，虽然用户可能已经确认过，但指出潜在的错误点也是有帮助的。比如，location /govern/ 的proxy_pass后面是否有斜杠导致URL替换的问题。

总结来说，我需要将整个配置文件分解，逐一解释每个指令和块的作用，注意事项，确保用户能够理解配置的结构和每个部分的功能，同时指出可能的配置陷阱或最佳实践。</think>以下是对您提供的Nginx配置文件的逐步解析：

---

### 一、基础服务器配置
```nginx
server {
    listen       9100;
    server_name  192.168.1.127;
    absolute_redirect off;
    access_log  /var/log/nginx/threecenter_access.log; 
```
- **核心功能**：定义一个监听端口为$9100$、域名为$192.168.1.127$的虚拟主机
- **关键指令**：
  - `absolute_redirect off`：禁用绝对路径重定向（避免因域名变化导致重定向异常）
  - `access_log`：指定访问日志存储路径为$/var/log/nginx/threecenter\_access.log$

---

### 二、静态资源路由配置
#### 1. 后台管理页面
```nginx
location /admin {
    alias C:/Work/luan/frontend/tc_admin_web/dist;
    index index.html index.htm;
}
```
- **路径映射**：将URL路径$/admin$映射到本地目录$C:/Work/luan/frontend/tc\_admin\_web/dist$
- **示例**：访问$http://192.168.1.127:9100/admin/index.html$会返回该目录下的$index.html$

#### 2. 登录页面
```nginx
location /login {
    alias C:/Work/luan/frontend/tc_oauth2_web/dist;
    index index.html index.htm;
}
```
- 逻辑同上，处理登录相关静态资源

#### 3. 二维码资源目录
```nginx
location /qr {
    alias C:/Work/luan/frontend/qr-img;
    index index.html index.htm;
}
```
- 专用于提供二维码图片等静态资源

---

### 三、反向代理配置
#### 1. OAuth2服务代理
```nginx
location /oauth2 {
    proxy_pass http://192.168.1.127:7070/oauth2;
}
```
- **流量转发**：将$/oauth2$请求转发到后端服务$http://192.168.1.127:7070/oauth2$
- **注意**：由于proxy_pass末尾包含路径$/_oauth2$，实际URL会进行路径替换（如$/oauth2/token$ → $http://后端/oauth2/token$）

#### 2. 后台API代理
```nginx
location /api/admin {
    proxy_pass http://192.168.1.127:7071/admin;
    # 其他proxy_set_header配置...
}
```
- **Header处理**：透传客户端真实IP($X-Real-IP$)、域名等信息
- **超时控制**：设置连接超时时间为$15$秒

#### 3. 文件服务代理
```nginx
location /file {
    proxy_pass http://192.168.1.127:7071/admin;
}
```
- 特别说明：此配置将$/file$请求全部转发到后台的$/admin$接口

---

### 四、特殊配置项
#### 1. 跨系统服务代理
```nginx
location /govern/ {
    proxy_pass http://10.90.3.47:7080/;
}
```
- **路径处理**：由于proxy_pass以斜杠$/$结尾，请求路径会完全替换（如$/govern/test$ → $http://10.90.3.47:7080/test$）

#### 2. 错误页面配置
```nginx
error_page 500 502 503 504 /50x.html;
location = /50x.html {
    root /usr/share/nginx/html;
}
```
- 自定义5xx错误页面，从$/usr/share/nginx/html$目录读取$50x.html$

---

### 五、潜在优化点
1. **路径安全性**：Windows风格路径$C:/Work/...$在Linux环境下需检查文件系统挂载配置
2. **斜杠处理**：`location /govern/`与`proxy_pass`后的斜杠需严格匹配，避免路径拼接错误
3. **日志管理**：建议增加$error\_log$配置以便问题排查

通过此配置，Nginx实现了静态资源托管、多后端服务代理、错误处理等核心功能，构建了完整的请求分发体系。

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

                
 1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
 2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

              

            

          

      

      余额充值