如何在 WSL 下实现 NGINX 反向代理

已于 2022-11-28 09:45:51 修改
阅读量2k 收藏 1
点赞数
CC 4.0 BY-SA版权
分类专栏： Linux 架构 文章标签： nginx linux 运维 反向代理 WSL
于 2022-11-27 18:09:17 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/surfirst/article/details/128066611

WSL 是 Windows 自带的 Linux 子系统。它比传统的虚机启动更快，占用系统资源更少，非常利于我们开发基于 Linux 系统的各种应用。本文基于 Ubuntu 20 介绍如何使用 NGINX 实现反向代理功能。

什么是反向代理？

反向代理是一个可以把系统请求分发给后台系统的工具。在现在的微服务时代，我们的系统由各种子服务组成。在同一台机器上每个服务暴露出不同的端口和路径。

为了让客户端能统一从一个端口访问到我们的后台服务，我们可以使用反向代理来从一个统一的入口通过路径 (Path)、头标记（header）等把请求路由到不同的微服务。
在这里插入图片描述

NGINX 可以帮助我们实现反向代理功能。

安装 WSL 上的 NGINX

输入以下命令更新 APT 安装源

sudo apt-get update

使用以下服务安装 NGINX

sudo apt-get install nginx -y

你会看到类似于下面的输出内容


                

                
                
        

         

    

    
  


        

            

                      
                        最低0.47元/天 解锁文章
                        

                          
200万优质内容无限畅学

                          
                        

                      
            

        


    



                



	

		

			

				
					
【Nginx实战】一文搞定 WSS (WebSocket Secure) 反向代理配置（附完整代码与详细解析）

				
			

			

				

					码觉客的博客
				

				

					06-17
					
					220
					
				

			

		

		

			
				
在现代Web应用中，WebSocket因其高效的全双工通信能力而被广泛应用。为了保障数据安全，我们必须使用WSS（WebSocket over SSL/TLS）协议。本文将详细阐述如何通过Nginx配置WSS反向代理，提供一份经过生产环境验证的配置模板，并对每一个关键指令进行深入解析，帮助开发者快速、准确地完成部署。

			
		

	



                

            
              



	

		

			

				
					
NGINX反向代理某些请求出现502 BAD GATEWAY

				
			

			

				

					Bertram的博客
				

				

					07-08
					
					1万+
					
				

			

		

		

			
				
Nginx跳转到另一台服务器提供的服务上，发现某些接口出现502错误，但这个接口有些时候是正常的，服务端的日志没有接收到改请求。通过IP测试访问正常，故怀疑是Nginx的问题。
后来找到说压力太大，需要增加缓存。
proxy_buffering主要是实现被代理服务器的数据和客户端的请求异步。
proxy_buffer_size 64k;
proxy_buffering on;
proxy_buffers 4 64k;
proxy_busy_buffers_size 64k;
proxy_max_temp_f

			
		

	



              


  
              

                


	

		

			

				
					
Nginx反向代理WebSocket

				
			

			

				

					旷野历程
				

				

					02-04
					
					2072
					
				

			

		

		

			
				
在配置 Nginx 前先了熟悉一下配置文件的说明，方便更好的理解。

			
		

	





	

		

			

				
					
nginx配置wss反向代理

				
			

			

				

					wd520521的博客
				

				

					05-10
					
					8714
					
				

			

		

		

			
				
#配置wss开始-----/ws /DataReal/ 路径后还有参数配置如下：----------
       location /ws/DataReal/  {
			proxy_pass http://192.168.9.105:9011/ws/DataReal/$1;
	
			proxy_set_header X-Real-IP $remote_addr;
			proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;...

			
		

	



		

			
		



	

		

			

				
					
【完整教程】nginx反向代理wss，实现不修改服务器端websocket代码加密通讯请求

					
热门推荐

				
			

			

				

					sajiazaici的博客
				

				

					09-11
					
					2万+
					
				

			

		

		

			
				
最近在用go语言的leaf框架开发H5游戏的服务器端，用websocket的方式进行服务器与客户端之间的通讯。然后之前都是本地websocket开发，要部署到facebook平台的时候，平台要求与第三方服务器通讯需要有ssl证书。微信小程序同理。

所以决定用nginx进行反向代理，将websockets(wss)请求转发到原来服务器的websocket请求。这样可以不用修改服务器端的代码，同时后...

			
		

	





	

		

			

				
					
nginx配置ws反向代理

				
			

			

				

					何欢的博客
				

				

					10-12
					
					3777
					
				

			

		

		

			
				
location /wss {
        proxy_pass http://127.0.0.1:8989;#代理到上面的地址去，
proxy_http_version 1.1;
        proxy_set_header Upgrade $http_upgrade;
        proxy_set_header Connection "Upgrade";
        proxy_set_header X-Real-IP $remote_addr;
    }
...

			
		

	





	

		

			

				
					
nginx配置wss反向代理教程！

				
			

			

				

					高性价比服务器就选：蓝易云
				

				

					07-01
					
					3130
					
				

			

		

		

			
				
通过按照上述步骤，在Nginx中配置WSS反向代理。请确保在编辑Nginx配置文件时使用正确的服务器名称和后端服务器地址。在Nginx中配置WebSocket Secure (WSS) 反向代理非常简单。替换为您的域名或IP地址，并将。替换为您实际的后端服务器地址。

			
		

	





	

		

			

				
					
Windows下的Nginx部署React项目及解决反向代理跨域问题等-20.8.1更新

				
			

			

				

					xiao廸要飞
				

				

					08-01
					
					2313
					
				

			

		

		

			
				
文章目录1. 概述2. 优点3. 为什么选择Nginx4. 下载5. 安装6. 配置参数详细说明7. 命令行参数7.1 启动nginx7.2 重启nginx——重新加载配置7.3 停止nginx7.4 运行`Nginx`时指定配置文件7.5 新打开日志文件7.6 修改`nginx.conf`文件后测试是否通过7.7 nginx的命令行参数列表8. 发布React项目8.1 脚手架工具打包8.2 部署8.2.1 部署到根目录下8.2.2 部署到子目录下8.2.3 跨域8.3 React项目部署踩坑8.3.1 

			
		

	





	

		

			

				
					
Docker+Nginx | Docker(Nginx) + Docker(fastapi)反向代理

				
			

			

				

					shankezh的博客
				

				

					11-21
					
					740
					
				

			

		

		

			
				
转发到fastapi的7000端口，这里使用host.docker.internal来表示宿主机，因为宿主机已经映射了7000端口到fastapi的docker了，使用1.1的版本。将宿主机的80端口映射到docker中的80端口，绑定wsl2中的nginx.conf文件到docker中，这样默认就会被宿主机的配置文件覆盖，绑定log文件夹。这里绑定了宿主机的9090端口，只要访问宿主机的9090端口，就会转发到docker nginx的80端口上。4.停掉并删除当前容器。

			
		

	





	

		

			

				
					
nginx 反向代理apache2、php-fpm、uwsgi配置

				
			

			

				

					lvfk
				

				

					12-20
					
					1373
					
				

			

		

		

			
				
一、nginx反向代理配置样例
#user  nobody;
worker_processes  4;

#error_log  logs/error.log;
#error_log  logs/error.log  notice;
#error_log  logs/error.log  info;

#pid        logs/nginx.pid;
worker_rlimit_nofil

			
		

	





	

		

			

				
					
nginx反向代理ws的配置

				
			

			

				

					开发小记的博客
				

				

					09-21
					
					327
					
				

			

		

		

			
				
nginx反向代理ws的配置

			
		

	





	

		

			

				
					
nginx反向代理wss（websocket）

				
			

			

				

					雨轻伤的博客
				

				

					01-12
					
					1362
					
				

			

		

		

			
				
server {
        listen       443 ssl;
        server_name  localhost;
        ssl on;
        ssl_certificate      1530106814505.pem;
        ssl_certificate_key  1530106814505.key;
        ssl_sessi...

			
		

	





	

		

			

				
					
【详细说明】nginx反向代理wss websocket

				
			

			

				

					鳄鱼儿
				

				

					03-18
					
					7211
					
				

			

		

		

			
				
【详细说明】nginx反向代理wss websocketnginx的配置文件新建配置文件【重要】检查配置文件格式测试wss websocket参考文章
nginx的配置文件
nginx的配置文件在其安装路径下的conf和conf.d中。
nginx配置文件的说明
#全局设置
main # 运行用户
user www-data;    
# 启动进程,通常设置成和cpu的数量相等
worker_processes  1;

# 全局错误日志及PID文件
error_log  /var/log/nginx/er

			
		

	





	

		

			

				
					
Nginx反向代理详解

				
			

			

				

					weixin_67589420的博客
				

				

					01-21
					
					7388
					
				

			

		

		

			
				
当你需要通过 Nginx 来代理自己的端口时，你就像打开了一扇大门，让你的应用程序能够以更安全、更高效的方式与外部世界进行通信。Nginx 是一个强大的开源反向代理服务器，它可以帮助你实现负载均衡、缓存加速、SSL 终止和许多其他功能。在本篇博客中，我将向你展示如何使用 Nginx 来代理自己的端口。我们将探索如何配置 Nginx，使其成为一个可靠的中间层，将外部请求转发到你的应用程序运行的特定端口上。通过设置适当的代理规则，你可以轻松地实现域名映射、请求转发和负载均衡，同时保持应用程序的安全性和稳定性。

			
		

	





	

		

			

				
					
Nginx配置WebSocket反向代理

				
			

			

				

					ITKidKid的博客
				

				

					07-29
					
					6073
					
				

			

		

		

			
				
Nginx配置WebSocket反向代理

			
		

	





	

		

			

				
					
利用nginx/apache代理wss 实现 小程序 端口 反向代理

				
			

			

				

					weixin_43453621的博客
				

				

					06-30
					
					2183
					
				

			

		

		

			
				
除了用Workerman自身的，也可以利用nginx/apache作为wss代理转发给workerman如果是微信小程序，要添加合法域名格式:wss://域名结尾不要加/，可以:端口。

			
		

	





	

		

			

				
					
深入解析 Nginx 反向代理：配置、优化与故障排除

				
			

			

				

					微笑听雨
				

				

					08-06
					
					6326
					
				

			

		

		

			
				
本文详细解析了 Nginx 反向代理的基础概念、工作原理、高级配置、性能优化技巧以及常见问题的解决方案。反向代理在现代 Web 架构中扮演着至关重要的角色，它不仅可以实现负载均衡、提升安全性、缓存内容，还能够处理 SSL 终止，从而减轻后端服务器的负担。负载均衡：有效分配流量，提升系统的可靠性和性能。增强安全性：隐藏后端服务器，防止直接攻击。缓存静态内容：加快响应速度，提高用户体验。优化连接和超时设置：通过连接池和超时配置，优化与后端服务器的通信。启用压缩：减少传输数据大小，加快响应速度。

			
		

	





	

		

			

				
					
windows Nginx WebSocket ws协议反向代理

				
			

			

				

					AstarCloud
				

				

					05-10
					
					1460
					
				

			

		

		

			
				
Nginx WebSocket ws协议反向代理正常连接WebSocket使用Nginx反向代理
正常连接WebSocket

未使用nginx反向代理

var ws = new WebSocket("ws://10.134.10.19:7771/chat?userId="+username);


使用Nginx反向代理

nginx配置文件添加如下内容
注意：我nginx监听80端口连接websocket失败，换其他端口正常，原因不详

server {
	listen 7772;
	server_n

			
		

	





	

		

			

				
					
Nginx——安装和反向代理

				
			

			

				

					YR_112233的博客
				

				

					02-25
					
					1280
					
				

			

		

		

			
				
nginx安装和反向代理配置

			
		

	





	

		

			

				
					
nginx本地部署

					
最新发布

				
			

			

				

					03-29
				

			

		

		

			
				
### 如何在本地环境配置和启动 Nginx 服务器

#### 安装 Nginx
要在本地环境中部署并运行 Nginx，首先需要完成其安装过程。对于不同的操作系统，具体的安装方法可能有所不同。

- **Linux (Ubuntu)**  
  可以通过包管理器 `apt` 来快速安装 Nginx[^3]。执行以下命令即可完成安装：
  ```bash
  sudo apt update
  sudo apt install nginx
  ```

- **macOS**  
  如果使用 macOS，则可以通过 Homebrew 或 Docker 进行安装。以下是基于 Docker 的安装方式[^4]：
  ```bash
  docker pull nginx:latest
  docker run --name my_nginx -p 80:80 -d nginx
  ```

- **Windows**  
  Windows 用户可以下载官方二进制文件或使用 WSL（Windows Subsystem for Linux）来安装 Nginx。

#### 启动与验证 Nginx
一旦成功安装 Nginx，下一步就是启动服务并确认其正常工作。  

- 对于 Ubuntu 系统，可以直接使用以下命令启动 Nginx 并设置开机自启:
  ```bash
  sudo systemctl start nginx
  sudo systemctl enable nginx
  ```
  打开浏览器访问 `http://localhost` 或 `http://127.0.0.1`，如果看到默认的 “Welcome to Nginx!” 页面，则说明安装成功[^2]。

- 使用 Docker 的用户可通过以下命令查看容器状态，并确保 Nginx 已经运行：
  ```bash
  docker ps
  ```

#### 配置 Nginx 文件
Nginx 的核心功能由配置文件控制，默认路径通常位于 `/etc/nginx/nginx.conf` 或 `/usr/local/nginx/conf/nginx.conf` 中。为了适配特定需求（如代理前端应用），需修改此文件中的相关内容：

- 编辑配置文件：
  ```bash
  sudo nano /etc/nginx/nginx.conf
  ```

- 添加一个简单的 server 块以便测试静态资源加载：
  ```nginx
  server {
      listen       80;
      server_name  localhost;

      location / {
          root   html;
          index  index.html index.htm;
      }
  }
  ```

- 若要实现更复杂的场景（例如反向代理 Vue.js 应用程序至后端 API），可参考以下示例：
  ```nginx
  upstream backend {
      server 127.0.0.1:3000; # 替换为实际后端地址
  }

  server {
      listen 80;
      server_name localhost;

      location /api/ {
          proxy_pass http://backend/;
      }

      location / {
          root /path/to/vue/dist; # 替换为构建后的 Vue 路径
          try_files $uri /index.html;
      }
  }
  ```

#### 监控 Nginx 性能
除了基本的功能外，还可以利用内置模块监控 Nginx 的性能表现。启用 HTTP stub status 模块可以帮助管理员实时掌握服务器负载情况[^5]。具体操作如下：

- 修改 `nginx.conf` 文件，在某个现有的 `server {}` 块中加入以下内容：
  ```nginx
  location /nginx_status {
      stub_status;
      allow 127.0.0.1; # 允许本机访问
      deny all;        # 禁止外部访问
  }
  ```

- 测试新配置的有效性后再重新加载服务：
  ```bash
  sudo nginx -t
  sudo systemctl reload nginx
  ```

最后，通过浏览器访问 `http://localhost/nginx_status` 即可获取统计信息。

---

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

  
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

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

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  





	
打赏作者

	

		

		
			
		
		

		

			
surfirst

			
你的鼓励将是我创作的最大动力

		

	

	

			

	

	

    ¥1
    ¥2
    ¥4
    ¥6
    ¥10
    ¥20
	

	

		

			

				

					扫码支付：¥1
				

				

					

					
					获取中
					

				

				

					
					
					扫码支付
				

			

		

		

			
您的余额不足，请更换扫码支付或充值

			
打赏作者

		

	



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

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

              

            

          

      

      余额充值