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.execonf目录下存放配置文件nginx.confhtml目录中存放打包好的前端项目（例如：vue框架npm run build之后的dist目录）最后启动nginx：双击nginx.exe，或者命令行输入start nginx
5，基本命令
在nginx安装和配置好之后，需要使用命令来进行相关操作，最常用的如下：
start nginx：启动nginxnginx -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;
}
}
}
9，官网地址
Nginx中文文档https://blog.redis.com.cn/doc/index.html
推荐阅读
发表评论