Loading [MathJax]/jax/output/CommonHTML/jax.js
前往小程序，Get更优阅读体验！
立即前往
文档建议反馈控制台
首页
学习
活动
专区
圈层
工具
MCP广场
文章/答案/技术大牛
发布
首页
学习
活动
专区
圈层
工具
MCP广场
返回腾讯云官网
社区首页 >专栏 >【Nginx】Nginx部署实战——静态文件+反向代理+均衡负载+Https+Websocket

【Nginx】Nginx部署实战——静态文件+反向代理+均衡负载+Https+Websocket

作者头像
DDGarfield
发布于 2022-06-23 09:25:09
发布于 2022-06-23 09:25:09
2.4K00
代码可运行
举报
文章被收录于专栏：加菲的博客加菲的博客
运行总次数：0
代码可运行
关联问题
换一批

Nginx是一款是由俄罗斯的程序设计师Igor Sysoev所开发高性能的 Web和 反向代理 服务器，也是一个 IMAP/POP3/SMTP 代理服务器。前一段时间听说Igor Sysoev被俄罗斯警方带走了，不知道放出来了没有。言归正常，来看一下nginx的相关配置如何满足我们的日常需求吧。

0.巧克力安装nginx

由于博主手上是windows，所以直接介绍windows下如何安装nginx，如果想知道linux下如何安装，请阅读另一篇文章http://www.randyfield.cn/post/2019-06-01-netcore-centos/#3-nginx

记得CentOs下是不是有yum软件包管理器，那windows下呢？有没有这么方便的东西？答案是肯定的，chocolatey，

chocolatey

  • chocolatey安装
代码语言：javascript
代码运行次数：0
运行
AI代码解释
复制
Get-ExecutionPolicy

#如果返回的是Restricted
#就运行如下命令
Set-ExecutionPolicy AllSigned

#或者
Set-ExecutionPolicy Bypass -Scope Process

#接着执行-Paste the follow text into your shell and press Enter
#Wait a few seconds for the command to complete
Set-ExecutionPolicy Bypass -Scope Process -Force; [System.Net.ServicePointManager]::SecurityProtocol = [System.Net.ServicePointManager]::SecurityProtocol -bor 3072; iex ((New-Object System.Net.WebClient).DownloadString('https://chocolatey.org/install.ps1'))

#If you don't see any errors, you are ready to use Chocolatey
  • 安装nginx
代码语言：javascript
代码运行次数：0
运行
AI代码解释
复制
choco install nginx

这里有两点需要注意

  1. 通过choco安装nginx，会配套安装NSSM，这是个好东西，可以把nginx注册成windows服务,相当于linux下的Supervisor和PM2
  2. 通过choco安装nginx，在最后一次需要您同意选择y[Yes]之前，注意回写的内容是，他将会执行C:\ProgramData\chocolatey\lib\nginx\tools\chocolateyInstall.ps1脚本
代码语言：javascript
代码运行次数：0
运行
AI代码解释
复制
   $toolsDir = Split-Path -parent $MyInvocation.MyCommand.Definition
   . "$toolsDir\helpers.ps1"
   
   $pp = Get-PackageParameters
   
   $arguments = @{
       packageName = $env:chocolateyPackageName
       file        = "$toolsDir\nginx-1.17.8.zip"
       destination = if ($pp.installLocation) { $pp.installLocation } else { Get-ToolsLocation }
       port        = if ($pp.Port) { $pp.Port } else { 80 }
       serviceName = if ($pp.NoService) { $null } elseif ($pp.serviceName) { $pp.serviceName } else { 'nginx' }
   }
   
   if (-not (Assert-TcpPortIsOpen $arguments.port)) {
       throw 'Please specify a different port number...'
   }
   
   Install-Nginx $arguments

注意看port那行，没错，80端口，nginx默认，所以在继续之前，请检查下80端口是否被占用，被占用就会安装失败。怎么办？这是您只需要编辑如上脚本，把80修改为一个未被占用的端口。然后回到命令窗口继续执行,选择Y，就能成功。

比如我修改为

代码语言：javascript
代码运行次数：0
运行
AI代码解释
复制
   $toolsDir = Split-Path -parent $MyInvocation.MyCommand.Definition
   . "$toolsDir\helpers.ps1"
   
   $pp = Get-PackageParameters
   
   $arguments = @{
       packageName = $env:chocolateyPackageName
       file        = "$toolsDir\nginx-1.17.8.zip"
       destination = if ($pp.installLocation) { $pp.installLocation } else { Get-ToolsLocation }
       port        = if ($pp.Port) { $pp.Port } else { 81 }
       serviceName = if ($pp.NoService) { $null } elseif ($pp.serviceName) { $pp.serviceName } else { 'nginx' }
   }
   
   if (-not (Assert-TcpPortIsOpen $arguments.port)) {
       throw 'Please specify a different port number...'
   }
   
   Install-Nginx $arguments

安装好的nginx在C:\tools下，配置文件也会默认如下一节的初始化配置

1.初始化配置

代码语言：javascript
代码运行次数：0
运行
AI代码解释
复制
#user  nobody;
worker_processes  1;

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

#pid        logs/nginx.pid;


events {
    worker_connections  1024;
}


http {
    include       mime.types;
    default_type  application/octet-stream;

    #log_format  main  '$remote_addr - $remote_user [$time_local] "$request" '
    #                  '$status $body_bytes_sent "$http_referer" '
    #                  '"$http_user_agent" "$http_x_forwarded_for"';

    #access_log  logs/access.log  main;

    sendfile        on;
    #tcp_nopush     on;

    #keepalive_timeout  0;
    keepalive_timeout  65;

    #gzip  on;

    server {
        listen       81;
        server_name  localhost;

        #charset koi8-r;

        #access_log  logs/host.access.log  main;

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

        #error_page  404              /404.html;

        # redirect server error pages to the static page /50x.html
        #
        error_page   500 502 503 504  /50x.html;
        location = /50x.html {
            root   html;
        }

        # proxy the PHP scripts to Apache listening on 127.0.0.1:80
        #
        #location ~ \.php$ {
        #    proxy_pass   http://127.0.0.1;
        #}

        # pass the PHP scripts to FastCGI server listening on 127.0.0.1:9000
        #
        #location ~ \.php$ {
        #    root           html;
        #    fastcgi_pass   127.0.0.1:9000;
        #    fastcgi_index  index.php;
        #    fastcgi_param  SCRIPT_FILENAME  /scripts$fastcgi_script_name;
        #    include        fastcgi_params;
        #}

        # deny access to .htaccess files, if Apache's document root
        # concurs with nginx's one
        #
        #location ~ /\.ht {
        #    deny  all;
        #}
    }


    # another virtual host using mix of IP-, name-, and port-based configuration
    #
    #server {
    #    listen       81;
    #    listen       81;
    #    server_name  somename  alias  another.alias;

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


    # HTTPS server
    #
    #server {
    #    listen       81 ssl;
    #    server_name  localhost;

    #    ssl_certificate      cert.pem;
    #    ssl_certificate_key  cert.key;

    #    ssl_session_cache    shared:SSL:1m;
    #    ssl_session_timeout  5m;

    #    ssl_ciphers  HIGH:!aNULL:!MD5;
    #    ssl_prefer_server_ciphers  on;

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

}

2.部署静态文件

其实初始化就是一个静态文件部署

/ 请求到html文件夹下的 index.html文件

代码语言：javascript
代码运行次数：0
运行
AI代码解释
复制
worker_processes  1;

events {
    worker_connections  1024;
}


http {
    include       mime.types;
    default_type  application/octet-stream;
    sendfile        on;
    keepalive_timeout  65;

    server {
        listen       81;
        server_name  localhost;

        location / {
            root   html;
            index  index.html index.htm;
        }
        
        error_page   500 502 503 504  /50x.html;
        location = /50x.html {
            root   html;
        }
    }
}

3.部署Vue构建的静态文件

引用Vue官方文档--”vue-router 默认 hash 模式 —— 使用 URL 的 hash 来模拟一个完整的 URL，于是当 URL 改变时，页面不会重新加载。但是这里url会有一个#,那就只能改为history 模式,不过这种模式要玩好，还需要后台配置支持。因为我们的应用是个单页客户端应用，如果后台没有正确的配置，当用户在浏览器直接访问就会返回 404，这就不好看了。就需要加上try_files uri/ /index.html;"

try_files的含义是：首先会匹配url/文件，如果再没有才会去找/index.html

代码语言：javascript
代码运行次数：0
运行
AI代码解释
复制
worker_processes  1;

events {
    worker_connections  1024;
}


http {
    include       mime.types;
    default_type  application/octet-stream;
    sendfile        on;
    keepalive_timeout  65;

    server {
        listen       81;
        server_name  localhost;

        location / {
            root   html;
            index  index.html index.htm;
            try_files $uri $uri/ /index.html;
            #proxy_redirect off;
        }
        
        error_page   500 502 503 504  /50x.html;
        location = /50x.html {
            root   html;
        }
    }
}

4.反向代理

同域下部署前后端分离的前端与后端

后端这块可能部署在IIS，Node，Apache等等web服务器，但是我们又不想在前端api请求中硬编码后端url，且如果后端没有添加允许跨越的请求头，浏览器还会阻止。

代码语言：javascript
代码运行次数：0
运行
AI代码解释
复制
worker_processes  1;

events {
    worker_connections  1024;
}


http {
    include       mime.types;
    default_type  application/octet-stream;
    sendfile        on;
    keepalive_timeout  65;

    server {
        listen       81;
        server_name  localhost;

        location / {
            root   html;
            index  index.html index.htm;
            try_files $uri $uri/ /index.html;
            #proxy_redirect off;
        }
        
        location /api/ {
            proxy_pass http://ip:port/outside/api/; #反向代理
            proxy_http_version 1.1;
            
            proxy_set_header Host $http_host;
            proxy_cookie_path /api /;
            
            proxy_set_header Upgrade $http_upgrade;
            proxy_set_header Connection keep-alive;
            proxy_cache_bypass $http_upgrade;
        }
        
        error_page   500 502 503 504  /50x.html;
        location = /50x.html {
            root   html;
        }
    }
}

即当前端调用接口http://ip:81/api/的请求，都会被反向代理至http://ip:port/outside/api/,如果后台没有做允许跨域的配置，那么这种方式就是欺骗浏览器的解决方案。

5.均衡负载

前后端分离模式的流行，除了解决前后端开发的并行效率问题，解放生产力，解耦，快速定位问题等一系列的优点之外，还有一个就是横向扩展。大并发情况下，可以同时水平扩展前后端服务器，这个扩展就运用了均衡负载。

代码语言：javascript
代码运行次数：0
运行
AI代码解释
复制
worker_processes  1;

events {
    worker_connections  1024;
}


http {
    include       mime.types;
    default_type  application/octet-stream;
    sendfile        on;
    keepalive_timeout  65;
    
    #api接口部署至3个不同的地方
    upstream centerapi{
        server 192.168.110.10:82 weight=5;
        server 192.168.110.11:82 weight=3;
        server 192.168.110.10:83 weight=2;
    }

    server {
        listen       81;
        server_name  localhost;

        location / {
            root   html;
            index  index.html index.htm;
            try_files $uri $uri/ /index.html;
            #proxy_redirect off;
        }
        
        location /api/ {
            proxy_pass http://centerapi/; #反向代理
            proxy_http_version 1.1;
            proxy_redirect off;
            
            proxy_set_header Host $http_host;
            proxy_cookie_path /api /;
            
            proxy_set_header Upgrade $http_upgrade;
            proxy_set_header Connection keep-alive;
            proxy_cache_bypass $http_upgrade;
            
            #暴露反向代理的地址
            #add_header backendIP $upstream_addr;
            #add_header backendCode $upstream_status;      
        }
        
        error_page   500 502 503 504  /50x.html;
        location = /50x.html {
            root   html;
        }
    }
}

这里的请求api接口，nginx就会按照权重把请求分配下面3个url

代码语言：javascript
代码运行次数：0
运行
AI代码解释
复制
 upstream centerapi{
        server 192.168.110.10:82 weight=5;
        server 192.168.110.11:82 weight=3;
        server 192.168.110.10:83 weight=2;
    }

如果您想测试每次是不是不同的地址，可以让nginx把每次请求转发到的地址返回给浏览器就再加上如下配置

代码语言：javascript
代码运行次数：0
运行
AI代码解释
复制
 #暴露反向代理的地址
 add_header backendIP $upstream_addr;
 add_header backendCode $upstream_status;

6.子系统的融合部署

我司有一个ASP.NET MVC老项目 与前后端分离的新项目的融合

老项目一个平台，包含几个中心，其中一个中心就是新项目

  • /---反向代理至IIS 上部署的ASP.NET MVC主站
  • ^~/center1---前端构建的静态页面，已通过nginx发布
  • ^~/center1/api/---前端使用的api接口，反向代理+均衡负载
代码语言：javascript
代码运行次数：0
运行
AI代码解释
复制
worker_processes  1;

events {
    worker_connections  1024;
}


http {
    include       mime.types;
    default_type  application/octet-stream;
    sendfile        on;
    keepalive_timeout  65;
    
    upstream centerapi{
        server 192.168.110.10:82 weight=5;
        server 192.168.110.11:82 weight=3;
        server 192.168.110.10:83 weight=2;
    }
    server {
        listen       80;
        server_name  192.168.110.10;

        #主站
        location / {
            proxy_pass http://192.168.110.10/;#ASP.NET MVC主站 IIS已部署
            proxy_http_version 1.1;
            proxy_redirect off;
                 
            proxy_set_header Host $host;
            proxy_set_header Upgrade $http_upgrade;
            proxy_set_header Connection keep-alive;
            proxy_cache_bypass $http_upgrade;
        }
        
        #新中心前端
        location ^~/center1 {
            proxy_pass http://192.168.110.10:81/;#前端构建的静态页面 即下面的配置
            proxy_http_version 1.1;
            proxy_redirect off;
            
            proxy_set_header Host $host;         
            proxy_set_header Upgrade $http_upgrade;
            proxy_set_header Connection keep-alive;
            proxy_cache_bypass $http_upgrade;
        }
        
        #新中心api
        location ^~/center1/api/ {
            proxy_pass http://centerapi/;#前端调用的接口
            proxy_http_version 1.1;
            proxy_redirect off;
            
            proxy_set_header Host $host;         
            proxy_set_header Upgrade $http_upgrade;
            proxy_set_header Connection keep-alive;
            proxy_cache_bypass $http_upgrade;
        }
           
        error_page   500 502 503 504  /50x.html;
        location = /50x.html {
            root   html;
        }
    }

    server {
        listen       81;
        server_name  localhost;

        location / {
            root   html;
            index  index.html index.htm;
            try_files $uri $uri/ /index.html;
            #proxy_redirect off;
        }
        
        #location /api/ {
            #proxy_pass http://centerapi/; #反向代理
            #proxy_http_version 1.1;
            
            #proxy_set_header Host $http_host;
            #proxy_cookie_path /api /;
            
            #proxy_set_header Upgrade $http_upgrade;
            #proxy_set_header Connection keep-alive;
            #proxy_cache_bypass $http_upgrade;
            
            #暴露反向代理的地址
            #add_header backendIP $upstream_addr;
            #add_header backendCode $upstream_status;      
        #}
        
        error_page   500 502 503 504  /50x.html;
        location = /50x.html {
            root   html;
        }
    }
}

7.Https

领导说，以前iis就可以让网站通过https访问，新项目也需要，https需要ssl证书，都知道SSL证书只有大公司的证书，人家浏览器才会认，比如Symantec、Entrust、Geotrust，不然就会报不被信任的证书。但是为了迎合领导的需求，还是通过openssl生成了相关的证书。

代码语言：javascript
代码运行次数：0
运行
AI代码解释
复制
worker_processes  1;

events {
    worker_connections  1024;
}


http {
    include       mime.types;
    default_type  application/octet-stream;
    sendfile        on;
    keepalive_timeout  65;
    
    upstream centerapi{
        server 192.168.110.10:82 weight=5;
        server 192.168.110.11:82 weight=3;
        server 192.168.110.10:83 weight=2;
    }
    server {
        listen       80;
        server_name  192.168.110.10;
        
        #ssl开启
        ssl	on;
        ssl_certificate ssl/server.crt;
        ssl_certificate_key ssl/server.key;

        location / {
            proxy_pass http://192.168.110.10/;#ASP.NET MVC主站
            proxy_http_version 1.1;
            proxy_redirect off;
                 
            proxy_set_header Host $host;
            proxy_set_header Upgrade $http_upgrade;
            proxy_set_header Connection keep-alive;
            proxy_cache_bypass $http_upgrade;
        }
        
        location ^~/center1 {
            proxy_pass http://centerapi/;#前端构建的静态页面 即下面的配置
            proxy_http_version 1.1;
            proxy_redirect off;
            
            proxy_set_header Host $host;         
            proxy_set_header Upgrade $http_upgrade;
            proxy_set_header Connection keep-alive;
            proxy_cache_bypass $http_upgrade;
        }
        
        location ^~/center1/api/ {
            proxy_pass http://192.168.110.10:81/;#前端调用的接口
            proxy_http_version 1.1;
            proxy_redirect off;
            
            proxy_set_header Host $host;         
            proxy_set_header Upgrade $http_upgrade;
            proxy_set_header Connection keep-alive;
            proxy_cache_bypass $http_upgrade;
        }
        
       
        
        error_page   500 502 503 504  /50x.html;
        location = /50x.html {
            root   html;
        }
    }

    server {
        listen       81;
        server_name  localhost;

        location / {
            root   html;
            index  index.html index.htm;
            try_files $uri $uri/ /index.html;
            #proxy_redirect off;
        }
        
        #location /api/ {
            #proxy_pass http://centerapi/; #反向代理
            #proxy_http_version 1.1;
            
            #proxy_set_header Host $http_host;
            #proxy_cookie_path /api /;
            
            #proxy_set_header Upgrade $http_upgrade;
            #proxy_set_header Connection keep-alive;
            #proxy_cache_bypass $http_upgrade;
            
            #暴露反向代理的地址
            #add_header backendIP $upstream_addr;
            #add_header backendCode $upstream_status;      
        #}
        
        error_page   500 502 503 504  /50x.html;
        location = /50x.html {
            root   html;
        }
    }
}

8.Websocket

系统突然增加了websocket的服务，直接访问ws://ip:port的前端硬编码应该杜绝，所以nginx再次发挥作用。

websocket协议不同于http协议，但是websocket握手是通过http，通过协议提升实现通信方式从http转向websocket。

8.1 ws

代码语言：javascript
代码运行次数：0
运行
AI代码解释
复制
worker_processes  1;

events {
    worker_connections  1024;
}


http {
    include       mime.types;
    default_type  application/octet-stream;
    sendfile        on;
    keepalive_timeout  65;
    
    upstream centerapi{
        server 192.168.110.10:82 weight=5;
        server 192.168.110.11:82 weight=3;
        server 192.168.110.10:83 weight=2;
    }
    upstream websocket{
        server 192.168.110.10:1443 weight=1;
    }
    server {
        listen       80;
        server_name  192.168.110.10;
        
        #ssl on;
        #ssl_certificate ssl/server.crt;
        #ssl_certificate_key ssl/server.key;

        location / {
            proxy_pass http://192.168.110.10/;#ASP.NET MVC主站
            proxy_http_version 1.1;
            proxy_redirect off;
                 
            proxy_set_header Host $host;
            proxy_set_header Upgrade $http_upgrade;
            proxy_set_header Connection keep-alive;
            proxy_cache_bypass $http_upgrade;
        }
        
        location ^~/center1 {
            proxy_pass http://centerapi/;#前端构建的静态页面 即下面的配置
            proxy_http_version 1.1;
            proxy_redirect off;
            
            proxy_set_header Host $host;         
            proxy_set_header Upgrade $http_upgrade;
            proxy_set_header Connection keep-alive;
            proxy_cache_bypass $http_upgrade;
        }
        
        location ^~/center1/api/ {
            proxy_pass http://192.168.110.10:81/;#前端调用的接口
            proxy_http_version 1.1;
            proxy_redirect off;
            
            proxy_set_header Host $host;         
            proxy_set_header Upgrade $http_upgrade;
            proxy_set_header Connection keep-alive;
            proxy_cache_bypass $http_upgrade;
        }
        
        #websocket
        location ^~/websocket/ {
            proxy_pass http://websocket;#前端调用的接口
            proxy_http_version 1.1;
            proxy_redirect off;
            
            proxy_set_header Host $host;         
            proxy_set_header Upgrade $http_upgrade;
            proxy_set_header Connection "Upgrade";
            proxy_connect_timeout 4s;
            proxy_read_timeout 600;
            proxy_send_timeout 12s;
        }
       
        
        error_page   500 502 503 504  /50x.html;
        location = /50x.html {
            root   html;
        }
    }

    server {
        listen       81;
        server_name  localhost;

        location / {
            root   html;
            index  index.html index.htm;
            try_files $uri $uri/ /index.html;
            #proxy_redirect off;
        }
        
        #location /api/ {
            #proxy_pass http://centerapi/; #反向代理
            #proxy_http_version 1.1;
            
            #proxy_set_header Host $http_host;
            #proxy_cookie_path /api /;
            
            #proxy_set_header Upgrade $http_upgrade;
            #proxy_set_header Connection keep-alive;
            #proxy_cache_bypass $http_upgrade;
            
            #暴露反向代理的地址
            #add_header backendIP $upstream_addr;
            #add_header backendCode $upstream_status;      
        #}
        
        error_page   500 502 503 504  /50x.html;
        location = /50x.html {
            root   html;
        }
    }
}

8.2 wss

正常的情况下（http访问网站，接口），上面就完成了配置，但是一旦ssl on，原有的ws，就会导致控制台输出

代码语言：javascript
代码运行次数：0
运行
AI代码解释
复制
Mixed Content: The page at ‘https://{域名}.com/‘ was loaded over HTTPS, but attempted to connect to the insecure WebSocket endpoint ‘ws://{ip}:{port}/‘. This request has been blocked; this endpoint must be available over WSS.
Uncaught DOMException: Failed to construct 'WebSocket': An insecure WebSocket connection may not be initiated from a page loaded over HTTPS.

那么就需要如下配置

代码语言：javascript
代码运行次数：0
运行
AI代码解释
复制
worker_processes  1;

events {
    worker_connections  1024;
}


http {
    include       mime.types;
    default_type  application/octet-stream;
    sendfile        on;
    keepalive_timeout  65;
    
    upstream centerapi{
        server 192.168.110.10:82 weight=5;
        server 192.168.110.11:82 weight=3;
        server 192.168.110.10:83 weight=2;
    }
    upstream websocket{
        server 192.168.110.10:1443 weight=1;
    }
    server {
        listen       80;
        server_name  192.168.110.10;
        
        ssl	on;
        ssl_certificate ssl/server.crt;
        ssl_certificate_key ssl/server.key;
        ssl_session_timeout  5m;
    	ssl_session_cache shared:SSL:50m;
    	ssl_protocols TLSv1 TLSv1.1 TLSv1.2  SSLv2 SSLv3;
     	ssl_ciphers  ALL:!ADH:!EXPORT56:RC4+RSA:+HIGH:+MEDIUM:+LOW:+SSLv2:+EXP;
     	ssl_prefer_server_ciphers   on;

        location / {
            proxy_pass http://192.168.110.10/;#ASP.NET MVC主站
            proxy_http_version 1.1;
            proxy_redirect off;
                 
            proxy_set_header Host $host;
            proxy_set_header Upgrade $http_upgrade;
            proxy_set_header Connection keep-alive;
            proxy_cache_bypass $http_upgrade;
        }
        
        location ^~/center1 {
            proxy_pass http://centerapi/;#前端构建的静态页面 即下面的配置
            proxy_http_version 1.1;
            proxy_redirect off;
            
            proxy_set_header Host $host;         
            proxy_set_header Upgrade $http_upgrade;
            proxy_set_header Connection keep-alive;
            proxy_cache_bypass $http_upgrade;
        }
        
        location ^~/center1/api/ {
            proxy_pass http://192.168.110.10:81/;#前端调用的接口
            proxy_http_version 1.1;
            proxy_redirect off;
            
            proxy_set_header Host $host;         
            proxy_set_header Upgrade $http_upgrade;
            proxy_set_header Connection keep-alive;
            proxy_cache_bypass $http_upgrade;
        }
        
        location ^~/websocket/ {
            proxy_pass http://websocket;#前端调用的接口
            proxy_http_version 1.1;
            proxy_redirect off;
            
            proxy_set_header Host $host;         
            proxy_set_header Upgrade $http_upgrade;
            proxy_set_header Connection "Upgrade";
            proxy_connect_timeout 4s;
            proxy_read_timeout 600;
            proxy_send_timeout 12s;
        }
       
        
        error_page   500 502 503 504  /50x.html;
        location = /50x.html {
            root   html;
        }
    }

    server {
        listen       81;
        server_name  localhost;

        location / {
            root   html;
            index  index.html index.htm;
            try_files $uri $uri/ /index.html;
            #proxy_redirect off;
        }
        
        #location /api/ {
            #proxy_pass http://centerapi/; #反向代理
            #proxy_http_version 1.1;
            
            #proxy_set_header Host $http_host;
            #proxy_cookie_path /api /;
            
            #proxy_set_header Upgrade $http_upgrade;
            #proxy_set_header Connection keep-alive;
            #proxy_cache_bypass $http_upgrade;
            
            #暴露反向代理的地址
            #add_header backendIP $upstream_addr;
            #add_header backendCode $upstream_status;      
        #}
        
        error_page   500 502 503 504  /50x.html;
        location = /50x.html {
            root   html;
        }
    }
}

9.常见问题

Nginx 转发时Header中信息丢失

通过Nginx转发后, Header中access_token信息丢失，经查，发现Nginx在转发时，header中带下划线_的属性默认不转发，需要增加配置：

代码语言：javascript
代码运行次数：0
运行
AI代码解释
复制
server {
        listen       80;
        server_name  127.0.0.1;
        
        #charset koi8-r;
        #access_log  logs/host.access.log  main;
        underscores_in_headers on;
}

反向代理，操作超时

反向代理某接口，接口处理业务时间超过60秒，就会报time out的错误.

代码语言：javascript
代码运行次数：0
运行
AI代码解释
复制
 proxy_read_timeout 600;

10.参考链接

https://blog.csdn.net/qq_29663071/article/details/80759098

https://www.nginx.com/blog/websocket-nginx/

https://blog.csdn.net/duyiwuerluozhixiang/article/details/100358930

本文参与 腾讯云自媒体同步曝光计划，分享自微信公众号。
原始发表：2020-12-24，如有侵权请联系 cloudcommunity@tencent.com 删除
http
api
nginx
windows
php

本文分享自 加菲的博客 微信公众号，前往查看

如有侵权，请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ，欢迎热爱写作的你一起参与！

http
api
nginx
windows
php
评论
登录后参与评论
暂无评论
登录 后参与评论
推荐阅读
编辑精选文章
换一批
万字详解高可用架构设计
1592
Go 开发者必备：Protocol Buffers 入门指南
766
10分钟带你彻底搞懂分布式链路跟踪
420
多租户的 4 种常用方案
958
亿级月活的社交 APP，陌陌如何做到 3 分钟定位故障？
713
60页PPT全解：DeepSeek系列论文技术要点整理
1466
我所有在线项目的Nginx配置内容
nginxhttpsheaderip域名
有几个小伙伴想看看我的Nginx是怎么配置的，我这里放出来吧。 其实没太多内容，都是基本的配置： 1、域名的代理（正向/反向）； 2、IP地址获取； 3、SingleR Header配置； 4、前后端配置； 5、域名配置； 6、HTTPS配置； 7、负载配置； #user nobody; worker_processes 1; #error_log logs/error.log; #error_log logs/error.log notice; #error_log logs/error.
老张的哲学
2022/04/11
5230
宝塔 nginx 反向代理追加websocket支持
http
背景：xxx项目搭建在本地局域网中，其地址是：127.0.0.1:8800，并且这个项目某功能单元包含websocker技术。
李昂君
2021/12/23
2.1K0
宝塔 nginx 反向代理追加websocket支持
Nginx 路由转发和反向代理 location 配置「建议收藏」
httphttps网络安全nginx正则表达式
"^~"：用于标准uri前，要求Nginx找到标识uri和请求字符串匹配度最高的location后，立即使用此location处理请求，而不再使用location块中的正则uri和请求字符串做匹配
全栈程序员站长
2022/11/02
19.6K0
『学习笔记』使用 Nginx 反向代理实现 WebSocket 支持指南
腾讯技术创作特训营S10
🎈今日推荐——https://cloud.tencent.com/developer/article/2472576
数字扫地僧
2024/12/02
1.7K0
使用Nginx服务器实现动静分离和反向代理
nginxtomcat网络安全c++网站
我们使用的Tomcat是一个Java的JSP/Servlet动态服务器，但并不是一个优秀静态资源服务器，使用Tomcat作为Java Web服务器没有问题，但用它来提供图片、CSS、和HTML静态资源的话访问效率并不高（rps不高）。在真实的Web应用中，JSP/Servlet的请求量相比静态资源（如图片、CSS、JS等等）的请求量要少得多，如果用Tomcat同时兼做动态、静态服务器，Tomcat的短板就会凸显。为此，我们常常需要把静态资源分离出来交给更高效的HTTP服务器去管理，这种作法称为“动静分离”。
用户10175992
2022/11/15
1.2K0
使用Nginx服务器实现动静分离和反向代理
一文带你搞懂Nginx如何配置Http、Https、WS、WSS！
html网站socket编程nginxhttp
作者个人研发的在高并发场景下，提供的简单、稳定、可扩展的延迟消息队列框架，具有精准的定时任务和延迟队列处理功能。自开源半年多以来，已成功为十几家中小型企业提供了精准定时调度方案，经受住了生产环境的考验。为使更多童鞋受益，现给出开源框架地址：
冰河
2021/03/09
13.5K1
Nginx系列之websocket反向代理
socket编程api网站网络安全容器
经过以上简单的配置，nginx -s reload后，nginx即可作为websocket反向代理服务器。这段配置的关键在于server配置段中的proxy_http_version、proxy_set_header指令，分别设置http_veresion、Upgrade、Connection头部，从而实现http到webdocket的升级。
yxxhero
2022/05/31
3.3K0
Nginx反向代理负载均衡配置梳理大全
nginxhttpaccessperl云数据库 Redis®
利用ngx_http_core_module、ngx_http_rewrite_module模块 主要是301跳转 Return写法：域名http请求跳转到对应的https请求
三杯水Plus
2018/11/14
7950
nginx反向代理+缓存开启+url重写+负载均衡(带健康探测)的部署记录
数据处理centosnginx
在日常运维工作中，运维人员会时常使用到nginx的反向代理，负载均衡以及缓存等功能来优化web服务性能。 废话不多说，下面对测试环境下的nginx反向代理+缓存开启+url重写+负载均衡(带健康探测)
洗尽了浮华
2018/01/22
3.3K0
nginx反向代理+缓存开启+url重写+负载均衡(带健康探测)的部署记录
在linux设置一个Nginx反向代理
nginxhtmltcp/ip缓存http
反向代理是一种服务，它接受客户端请求，将请求发送到一个或多个代理服务器，获取响应，然后将服务器的响应传递给客户端。 由于其性能和可伸缩性，NGINX通常用作HTTP和非HTTP服务器的反向代理。典型的反向代理配置是将Nginx放在Node.js ， Python或Java应用程序的前面。 使用Nginx作为反向代理可以为你带来其他好处： 负载均衡-Nginx可以执行负载均衡，以在代理服务器之间分配客户端的请求，从而提高性能，可伸缩性和可靠性。 缓存-使用Nginx作为反向代理，你可以缓存页面的预渲染版本以加
入门笔记
2022/06/02
1.1K0
nginx通过https方式反向代理多实例tomcat
nginxhttpstomcat
案例说明： 前面一层nginx+Keepalived部署的LB,后端两台web服务器部署了多实例的tomcat，通过https方式部署nginx反向代理tomcat请求。配置一如下： 1）LB层的nginx配置 访问http强制转到https [root@external-lb01 ~]# cat /data/nginx/conf/vhosts/80-www.kevin.com.conf server { listen 80; server_name kev
洗尽了浮华
2018/01/23
3.1K0
nginx配置样例
nginx
本文讲述如何使用 Nginx 和 Lua 脚本实现一个简单的 Web 服务器，用于处理 HTTP 请求和生成相应的 HTTP 响应。主要介绍了如何在 Nginx 中配置 Lua 脚本，并使用 Lua 脚本编写处理请求的脚本文件。此外，还介绍了如何利用 Nginx 的配置文件实现虚拟主机和 SSL/TLS 加密传输等功能。
用户1141560
2017/12/22
1.5K0
nginx 设置 websocket 反向代理
nginx配置
废话不多说，nginx 配置如下： #user nobody; worker_processes 1; #error_log logs/error.log; #error_log logs/error.log notice; #error_log logs/error.log info; #pid logs/nginx.pid; events { worker_connections 1024; } http { include mime
前Thoughtworks-杨焱
2021/12/08
5450
WebSocket使用Nginx反向代理解决Wss服务问题
nginx网站socket编程httpswoole
WebSocket 可以减小客户端与服务器端建立连接的次数，减小系统资源开销，只需要一次 HTTP 握手，整个通讯过程是建立在一次连接/状态中，也就避免了 HTTP 的非状态性，服务端会一直与客户端保持连接，直到你关闭请求，同时由原本的客户端主动询问，转换为服务器有信息的时候推送
沈唁
2019/12/12
18.8K0
Nginx反向代理+负载均衡简单实现（https方式）
其他
背景： A服务器（192.168.1.8）作为nginx代理服务器 B服务器（192.168.1.150）作为后端真实服务器 现在需要访问https://testwww.huanqiu.com请求时从A服务器上反向代理到B服务器上 这就涉及到nginx反向代理https请求的配置了~~~ ------------------------------------------------------------------------------------ A服务器（192.168.1.8）上的操作流程： 1
洗尽了浮华
2018/01/22
2.9K0
Nginx配置反向代理和负载均衡
nginxhttphttps网站tcp/ip
今天给大家介绍一下如何利用Nginx进行反向代理，之所以介绍这个的原因是，因为开发的时候遇到一个很尴尬的场景。因为是springboot项目，所以每一个控制类的端口都不一样，但是app那边所有接口都是对应一个ip和一个端口。如果我们想要实现本地app调式，就必须配置一个nginx，进行反向代理连接我们启动的服务器。废话不多说，开始我们nginx配置的介绍。
林老师带你学编程
2019/05/25
8590
Nginx代理WebSocket方法
socket编程网站nginxhttphttps
前一篇文章讲了一下什么是WebSocket协议，这里在回顾一下，并且聊一聊如何用nginx来代理WebSocket。
没有故事的陈师傅
2022/04/05
6K0
nginx反向代理http和https共同使用 双存在
其他
不能自适应协议，也不支持协议变量，各种百度啊，两个钟头，测试了各种，都不适用宝塔，
墨渊
2018/07/13
1.3K2
【Nginx】面试官问我Nginx如何配置WebSocket？我给他现场演示了一番！！
网站socket编程htmlnginx负载均衡
作者个人研发的在高并发场景下，提供的简单、稳定、可扩展的延迟消息队列框架，具有精准的定时任务和延迟队列处理功能。自开源半年多以来，已成功为十几家中小型企业提供了精准定时调度方案，经受住了生产环境的考验。为使更多童鞋受益，现给出开源框架地址：
冰河
2020/10/29
1.1K0
把Asp.Net Core 2.0部署在Linux上，使用Nginx代理服务器，并且用Systemctl命令以服务的方式监听项目
asp.netlinuxnginx
在Linux上部署.net core 2.0程序： 第一步：配置Nginx代理 在/etc/nginx/sites-available/default 中添加    server { listen 80; location /{ proxy_pass http://localhost:5000; proxy_http_version 1.1; proxy_set_header Upgrade $http_upgrade;
ShenduCC
2018/04/27
1.4K0
推荐阅读
编辑精选文章
万字详解高可用架构设计Go 开发者必备：Protocol Buffers 入门指南10分钟带你彻底搞懂分布式链路跟踪多租户的 4 种常用方案亿级月活的社交 APP，陌陌如何做到 3 分钟定位故障？60页PPT全解：DeepSeek系列论文技术要点整理
相关讨论
nginx反向代理问题？nginx 反向代理 504 的问题？关于用nginx自己架设一个负载均衡的问题？
相关课程
腾讯云向量数据库-RAG七天入门训练营腾讯云向量数据库快速上手训练营数字化IT从业者知识体系
我所有在线项目的Nginx配置内容
5230
宝塔 nginx 反向代理追加websocket支持
2.1K0
Nginx 路由转发和反向代理 location 配置「建议收藏」
19.6K0
『学习笔记』使用 Nginx 反向代理实现 WebSocket 支持指南
1.7K0
使用Nginx服务器实现动静分离和反向代理
1.2K0
一文带你搞懂Nginx如何配置Http、Https、WS、WSS！
13.5K1
Nginx系列之websocket反向代理
3.3K0
Nginx反向代理负载均衡配置梳理大全
7950
nginx反向代理+缓存开启+url重写+负载均衡(带健康探测)的部署记录
3.3K0
在linux设置一个Nginx反向代理
1.1K0
nginx通过https方式反向代理多实例tomcat
3.1K0
nginx配置样例
1.5K0
nginx 设置 websocket 反向代理
5450
WebSocket使用Nginx反向代理解决Wss服务问题
18.8K0
Nginx反向代理+负载均衡简单实现（https方式）
2.9K0
Nginx配置反向代理和负载均衡
8590
Nginx代理WebSocket方法
6K0
nginx反向代理http和https共同使用 双存在
1.3K2
【Nginx】面试官问我Nginx如何配置WebSocket？我给他现场演示了一番！！
1.1K0
把Asp.Net Core 2.0部署在Linux上，使用Nginx代理服务器，并且用Systemctl命令以服务的方式监听项目
1.4K0
相关推荐
我所有在线项目的Nginx配置内容
更多 >
DDGarfield0
LV.1
这个人很懒，什么都没有留下～
文章
74
获赞
144
专栏
1
作者相关精选
加入讨论
的问答专区 >
程序员晚枫
1宣传大使擅长3个领域
相关课程
一站式学习中心 >
腾讯云向量数据库-RAG七天入门训练营
2123人在学
向量数据库
腾讯云安灯
腾讯云向量数据库快速上手训练营
1050人在学
向量数据库
数字化IT从业者知识体系
387人在学
CODING DevOps
软件开发
领券

腾讯云开发者

扫码关注腾讯云开发者

扫码关注腾讯云开发者

领取腾讯云代金券

热门产品

热门推荐

更多推荐

Copyright © 2013 - 2025 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有 

深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 深公网安备号 44030502008569

腾讯云计算（北京）有限责任公司 京ICP证150476号 |  京ICP备11018762号 | 京公网安备号11010802020287

问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档

Copyright © 2013 - 2025 Tencent Cloud.

All Rights Reserved. 腾讯云 版权所有

登录 后参与评论
3
本文部分代码块支持一键运行，欢迎体验
本文部分代码块支持一键运行，欢迎体验