了解nginx

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块)- 修改代理服务器响应头中的LocationRefresh头字段
  • 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;          
        } 
    }
}

9,官网地址

Nginx中文文档icon-default.png?t=N7T8https://blog.redis.com.cn/doc/index.html

你可能感兴趣的:(笔记-前端工程化,nginx,运维)