Nginx是什么？

Nginx (engine x) 是一个高性能的HTTP和反向代理web服务器 ，同时也提供了IMAP/POP3/SMTP服务。Nginx是由伊戈尔·赛索耶夫为俄罗斯访问量第二的Rambler.ru站点开发的，因它的稳定性、丰富的功能集、简单的配置文件和低系统资源的消耗而闻名。

优点

• 速度更快、并发更高

• 配置简单，扩展性强

• 高可靠性

• 热部署

• 成本低、BSD许可证

安装

下载地址:http://nginx.org/en/download.html

解压后目录如下：

启动

1. 双击nginx.exe,会有黑窗闪过。

2. 用cmd命令窗口，cd 到nginx解压目录，./nginx启动。

3. 在浏览器中访问http://localhost:80,出现以下界面说明启动成功(由于笔者电脑80端口被占用，所以更改为8080，nginx默认为80端口)。

部署Vue项目

1. 将build后的文件夹放到nginx目录下的html文件夹当中。

1. 修改nginx.conf配置文件。

1. 配置访问地址。

其他常用配置

跨域配置

代码：

location /api {
  proxy_set_header Host ;
  proxy_set_header X-Real-IP ;
  proxy_set_header X-Forwarded-For ;
  
  proxy_pass http://192.168.8.216:10000/api;
  proxy_redirect default;
  add_header Access-Control-Allow-Origin *;
  add_header Access-Control-Allow-Headers X-Requested-With;
  add_header Access-Control-Allow-Methods GET,POST,OPTIONS;
  }

文件上传大小配置

代码：

client_max_body_size     50m;  
client_header_timeout    1m;  
client_body_timeout      1m; 
proxy_connect_timeout     60s; 
proxy_read_timeout      1m;  
proxy_send_timeout      1m;

Nginx部署Vue项目刷新404问题

代码：

     location / {
            root   html/dist;
            index  index.html index.htm;
            try_files   / /index.html =;
            autoindex  on;
        }

常用命令

完整配置

worker_processes  ;








events {
    worker_connections  ;
}


http {
    include       mime.types;
    default_type  application/octet-stream;
 client_max_body_size     400m;
    client_header_timeout    5m;
    client_body_timeout      5m;
    proxy_connect_timeout     6000s;
    proxy_read_timeout      5m;
    proxy_send_timeout      5m;

    
    
    

    

    sendfile        on;
    

    
    keepalive_timeout  ;

    

    server {
        listen       ;
        server_name  .168.8.216;

        

        

        location / {
            root   html/dist;
            index  index.html index.htm;
            try_files   / /index.html =;
            autoindex  on;
        }
        
  location /api {
  proxy_set_header Host ;
  proxy_set_header X-Real-IP ;
  proxy_set_header X-Forwarded-For ;
  
  proxy_pass http://192.168.8.216:10000/api;
  proxy_redirect default;
  add_header Access-Control-Allow-Origin *;
  add_header Access-Control-Allow-Headers X-Requested-With;
  add_header Access-Control-Allow-Methods GET,POST,OPTIONS;
  }

        

        
        
        error_page        /50x.html;
        location = /50x.html {
            root   html;
        }

        
        
        
        
        

        
        
        
        
        
        
        
        
        

        
        
        
        
        
        
    }


    
    
    
    
    
    

    
    
    
    
    


    
    
    
    
    

    
    

    
    

    
    

    
    
    
    
    

}

Nginx开机自启

原理

通过 Windows Service Wrapper 工具，将Nginx转换为Windows服务，Windows系统重启后会自动启动Nginx服务。

实现方法

1. 下载Windows Service Wrapper工具，地址：https://github.com/winsw/winsw/releases，根据系统版本下载对应工具。

   百度云：https://pan.baidu.com/s/1_olg0NN4lvhC5bmnZIoZ5w 提取码：polf

1. 将工具放到Nginx安装目录并命名为nginx-service.exe。

2. 在Nginx目录新建服务日志文件夹server-logs文件夹。

3. 新建nginx-service.xml文件，写入配置文件。

   整体目录如下:

配置文件如下：主要包含日志位置、启动和关闭，目录根据自己安装位置调整（不要有中文）。

 nginx
 nginx
 nginx
 E:\nginx-1.25.1\server-logs\
 roll
 
 E:\nginx-1.25.1\nginx.exe
 E:\nginx-1.25.1\nginx.exe -s stop

1. 将nginx加载到Windows服务中。在nginx安装目录以管理员身份启用CMD输入：.\nginx-service.exe install

1. 在Windows服务中找到nginx服务，将启动方式改成自动并将其启动。

1. 通过浏览器访问项目地址，检查是否启动成功。

Windows Service Wtapper 命令