1,概念
nginx是一个轻量级、高性能的HTTP和反向代理web服务器,同时也是一个通用代理服务器(TCP、UDP、IMAP、POP3、SMTP)。
2,优势
- 轻量级,占用内存少,启动极快
- 采用事件驱动的异步非阻塞处理方式框架,IO性能好,高并发能力强
- 允许前端设置接口代理,实现反向代理和负载均衡,完美解决跨域问题,减轻后端服务器的负载,提高程序的稳定性
3,作用
- 前端资源管理:可以用来管理前端资源文件的静态文件服务。使前端开发实现文件压缩、缓存控制、快速资源传输,从而加速网页加载速度,提高用户体验。
- 缓存管理:允许前端开发人员缓存静态内容和动态内容,从而减轻服务器负载,加速内容传输,降低带宽成本。
- 接口代理:允许前端开发人员设置接口代理,实现反向代理和负载均衡,有助于分散流量,提高应用程序的可用性。
- HTTPS设置:nginx拥有SSL/TLS的相关配置,可以为网站启用HTTPS,加密数据传输,保护用户隐私,提高网站的安全性。
- URL重定向:允许前端开发重写和重定向URL,从而改进网站的可访问性和搜索引擎优化。
4,部署前端项目主要流程
- 下载nginx安装包,并解压(nginx不需要额外安装,解压的位置即为安装位置)
- 解压后的文件夹主要有conf、html和nginx.exe
- conf目录下存放配置文件nginx.conf
- html目录中存放打包好的前端项目(例如:vue框架npm run build之后的dist目录)
- 最后启动nginx:双击nginx.exe,或者命令行输入start nginx
5,基本命令
在nginx安装和配置好之后,需要使用命令来进行相关操作,最常用的如下:
- start nginx:启动nginx
- nginx -s reload:热加载,重新启动(一般在修改配置文件之后)
- nginx -s stop:快速停止
- nginx -s quit:有序的停止(等待工作进程处理完成后停止)
- nginx -t:检查配置文件是否有语法错误
6,基本配置
nginx的主配置文件为nginx.conf。
6.1 主要的模块有
- 全局 - 全局的一些配置项
- events块 - 与网络连接有关的配置
- http块 - 代理、缓存、日志、虚拟主机等的配置
- server块 - 虚拟主机的相关配置(一个http块可包含多个server块)
- location块 - 定义请求路由及页面处理方式(一个server块中可配置多个location块)
6.2 各模块一些常用的配置项
- worker_processes(全局块) - 工作进程的数量(eg:worker_processes 1 )
- worker_connections(events块) - 每个工作进程的连接数
- gzip(http块) - 是否开启gzip压缩(eg:gzip on)
- access_log(http块) - 日志输出目录
- log_format(http块) - 日志格式
- client_max_body_size(http块) - 请求体大小限制( eg:client_max_body_size 10m)
include(http块)- 包含文件扩展名与MIME类型的映射(eg:include mime.types)
default_type(http块)- 设置默认的MIME类型(eg:default_type application/octet-stream)
sendfile(http块)- 是否允许使用sendfile方式传输文件
keepalive_timeout(http块)- 设置连接的保持时间(eg:keepalive_timeout 65)
error_page(http块)- 定义错误页面的重定向地址(eg:error_page 404 http:xxx)
- listen(server块) - 设置监听的端口
- server_name(server块) - 设置监听的地址(域名或IP)
- keepalive_requests(server块) - 设置单个连接上的最大请求次数
- root(location块)- 请求的根目录(eg:root /usr/share/nginx/dist)
- index(location块)- 设置默认页面(eg:index index.html index.htm;)
- proxy_pass(location块)- 定义后台服务器地址
- proxy_set_header(location块)- 修改从客户端传递到代理服务器的请求头
eg: proxy_set_header Host $host;
proxy_set_header X-Real-IP $remote_addr;
- proxy_hide_header(location块)- 隐藏从代理服务器返回的响应头
- client_max_body_size(location块)- 允许客户端请求的最大单文件字节数
- proxy_redirect(location块)- 修改代理服务器响应头中的
Location
和Refresh
头字段- proxy_connect_timeout(location块)- nginx跟后端服务器连接超时时间
- proxy_send_timeout(location块)- 后端服务器数据回传时间(代理发送超时)
- proxy_read_timeout(location块)- 连接成功后后端服务器响应时间(代理接收超时)
7,location路径映射配置
- uri : 待匹配的请求字符串(eg: location /api { ... })
- = :精确匹配(eg: location = / { ... ... })
- ~ :正则匹配,区分大小写
- ~* :正则匹配,不区分大小写
- ^~:前缀匹配,如果匹配成功,不再匹配其其他location(eg:location ^~/gateway/ { ... })
- ... ...
8,常见配置实例
8.1 前端静态资源配置
location / {
root /home/admin/dist/; # 前端打包后的项目目录
index index.html index.htm; # 入口文件
try_files $uri $uri/ /index.html; # 使用 history 路由时的查找规则,避免 404
error_page 405 =200 $uri;
}
8.2 接口代理配置
location ^~ /gateway {
proxy_pass http://xxx; #代理地址
}
8.3 较全面的配置文件
# 全局配置------------------------------
# 指定运行nginx的用户或用户组,默认为nobody。
#user administrator administrators;
# 设置工作进程数,通常设置为等于CPU核心数。
#worker_processes 2;
# 指定错误日志的存放路径和日志级别。
error_log log/error.log debug;
# events配置------------------------------
events {
# 设置网络连接序列化,用于防止多个进程同时接受到新连接的情况,这种情况称为"惊群"。
accept_mutex on;
# 设置一个进程是否可以同时接受多个新连接。
multi_accept on;
# 设置工作进程的最大连接数。
worker_connections 1024;
}
# http配置,用于配置HTTP服务器的参数------------------------------
http {
# 包含文件扩展名与MIME类型的映射。
include mime.types;
# 设置默认的MIME类型。
default_type application/octet-stream;
# 定义日志格式。
log_format myFormat '$remote_addr–$remote_user [$time_local] $request $status $body_bytes_sent $http_referer $http_user_agent $http_x_forwarded_for';
# 指定访问日志的存放路径和使用的格式。
access_log log/access.log myFormat;
# 允许使用sendfile方式传输文件。
sendfile on;
# 限制每次调用sendfile传输的数据量。
sendfile_max_chunk 100k;
# 设置连接的保持时间。
keepalive_timeout 65;
# 定义一个上游服务器组。
upstream mysvr {
server 127.0.0.1:7878;
server 192.168.10.121:3333 backup; #此服务器为备份服务器。
}
# 定义错误页面的重定向地址。
error_page 404 https://www.baidu.com;
# 定义一个虚拟主机。
server {
# 设置单个连接上的最大请求次数。
keepalive_requests 120;
# 设置监听的端口和地址。
listen 4545;
server_name 127.0.0.1;
# 定义location块,用于匹配特定的请求URI。
location ~*^.+$ {
# 设置请求的根目录。
#root path;
# 设置默认页面。
#index vv.txt;
# 将请求转发到上游服务器组。
proxy_pass http://mysvr;
# 定义访问控制规则。
deny 127.0.0.1;
allow 172.18.5.54;
}
}
}
8.4 部署多个前端项目
1,在配置文件中增加多个location,每个location对应一个前端项目
2,第一个项目的location /的路径是root,后面其他的项目使用alias指定
server {
listen 80;
location / {
root /data/web-a/dist; #location / 的目录是root
index index.html;
}
location /web-b {
alias /data/web-b/dist; #使用alias指定
index index.html;
}
#... ...
}
8.5 负载均衡
项目的高并发、服务器的不可抗力导致崩溃或者断网等等因素,通过nginx负载均衡,可以有效解决。
语法:
http {
upstream [负载均衡机制名称,可随便设置] {
server [ip地址]:[端口值] [weight=权重值];
server [ip地址]:[端口值] [weight=权重值];
server [ip地址]:[端口值] [weight=权重值];
}
server {
listen [nginx监听端口];
server_name [head中的host对应的值]
location / {
proxy_pass http:// [负载均衡机制名称,对应上面upstream的值];
}
}
}
权重weight:
服务器默认采用轮询的方式,但是可以为服务器添加权重,指定轮询的频率
以nginx把前端项目配置到3个服务器为例:
http{
upstream myproject {
server 10.20.30.40:8080 weight=3;
server 10.20.30.40:8081 weight=2;
server 10.20.30.40:8082 weight=1;
}
server {
listen 80;
server_name example.com;
location / {
proxy_pass http://myproject;
}
}
}