三年前端还不会配置Nginx?刷完这篇就够了

2024-02-21
19657 分钟
...

一口气看完,比自学强十倍!

什么是Nginx

Nginx是一个开源的高性能HTTP和反向代理服务器。它可以用于处理静态资源、负载均衡、反向代理和缓存等任务。Nginx被广泛用于构建高可用性、高性能的Web应用程序和网站。它具有低内存消耗、高并发能力和良好的稳定性,因此在互联网领域非常受欢迎。

为什么使用Nginx

  1. 高性能:Nginx采用事件驱动的异步架构,能够处理大量并发连接而不会消耗过多的系统资源。它的处理能力比传统的Web服务器更高,在高并发负载下表现出色。
  2. 高可靠性:Nginx具有强大的容错能力和稳定性,能够在面对高流量和DDoS攻击等异常情况下保持可靠运行。它能通过健康检查和自动故障转移来保证服务的可用性。
  3. 负载均衡:Nginx可以作为反向代理服务器,实现负载均衡,将请求均匀分发给多个后端服务器。这样可以提高系统的整体性能和可用性。
  4. 静态文件服务:Nginx对静态资源(如HTML、CSS、JavaScript、图片等)的处理非常高效。它可以直接缓存静态文件,减轻后端服务器的负载。
  5. 扩展性:Nginx支持丰富的模块化扩展,可以通过添加第三方模块来提供额外的功能,如gzip压缩、SSL/TLS加密、缓存控制等。

如何处理请求

Nginx处理请求的基本流程如下:

  1. 接收请求:Nginx作为服务器软件监听指定的端口,接收客户端发来的请求。

  2. 解析请求:Nginx解析请求的内容,包括请求方法(GET、POST等)、URL、头部信息等。

  3. 配置匹配:Nginx根据配置文件中的规则和匹配条件,决定如何处理该请求。配置文件定义了虚拟主机、反向代理、负载均衡、缓存等特定的处理方式。

  4. 处理请求:Nginx根据配置的处理方式,可能会进行以下操作:

    • 静态文件服务:如果请求的是静态资源文件,如HTML、CSS、JavaScript、图片等,Nginx可以直接返回文件内容,不必经过后端应用程序。
    • 反向代理:如果配置了反向代理,Nginx将请求转发给后端的应用服务器,然后将其响应返回给客户端。这样可以提供负载均衡、高可用性和缓存等功能。
    • 缓存:如果启用了缓存,Nginx可以缓存一些静态或动态内容的响应,在后续相同的请求中直接返回缓存的响应,减少后端负载并提高响应速度。
    • URL重写:Nginx可以根据配置的规则对URL进行重写,将请求从一个URL重定向到另一个URL或进行转换。
    • SSL/TLS加密:如果启用了SSL/TLS,Nginx可以负责加密和解密HTTPS请求和响应。
    • 访问控制:Nginx可以根据配置的规则对请求进行访问控制,例如限制IP访问、进行身份认证等。
  5. 响应结果:Nginx根据处理结果生成响应报文,包括状态码、头部信息和响应内容。然后将响应发送给客户端。

什么是正向代理和反向代理

正向代理

是指客户端通过代理服务器发送请求到目标服务器。客户端向代理服务器发送请求,代理服务器再将请求转发给目标服务器,并将服务器的响应返回给客户端。正向代理可以隐藏客户端的真实IP地址,提供匿名访问和访问控制等功能。它常用于跨越防火墙访问互联网、访问被封禁的网站等情况。

反向代理

是指客户端发送请求到代理服务器,代理服务器再将请求转发给后端的多个服务器中的一个或多个,并将后端服务器的响应返回给客户端。客户端并不直接访问后端服务器,而是通过反向代理服务器来获取服务。反向代理可以实现负载均衡、高可用性和安全性等功能。它常用于网站的高并发访问、保护后端服务器、提供缓存和SSL终止等功能。

nginx 启动和关闭

进入目录/usr/local/nginx/sbin
启动命令:./nginx
重启命令nginx -s reload
快速关闭命令:./nginx -s stop
有序地停止需要进程完成当前工作后再停止:./nginx -s quit
直接杀死nginx进程killall nginx

目录结构

[root@localhost ~]# tree /usr/local/nginx
/usr/local/nginx

├── client_body_temp                 # POST 大文件暂存目录
├── conf                             # Nginx所有配置文件的目录
│   ├── fastcgi.conf                 # fastcgi相关参数的配置文件
│   ├── fastcgi.conf.default         # fastcgi.conf的原始备份文件
│   ├── fastcgi_params               # fastcgi的参数文件
│   ├── fastcgi_params.default      
│   ├── koi-utf
│   ├── koi-win
│   ├── mime.types                   # 媒体类型
│   ├── mime.types.default
│   ├── nginx.conf                   #这是Nginx默认的主配置文件日常使用和修改的文件
│   ├── nginx.conf.default
│   ├── scgi_params                 # scgi相关参数文件
│   ├── scgi_params.default  
│   ├── uwsgi_params                 # uwsgi相关参数文件
│   ├── uwsgi_params.default
│   └── win-utf
├── fastcgi_temp                     # fastcgi临时数据目录
├── html                             # Nginx默认站点目录
│   ├── 50x.html                     # 错误页面优雅替代显示文件例如出现502错误时会调用此页面
│   └── index.html                   # 默认的首页文件
├── logs                             # Nginx日志目录
│   ├── access.log                   # 访问日志文件
│   ├── error.log                   # 错误日志文件
│   └── nginx.pid                   # pid文件Nginx进程启动后会把所有进程的ID号写到此文件
├── proxy_temp                       # 临时目录
├── sbin                             # Nginx 可执行文件目录
│   └── nginx                       # Nginx 二进制可执行程序
├── scgi_temp                       # 临时目录
└── uwsgi_temp                       # 临时目录

配置文件nginx.conf


worker_processes  1


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


pid        /var/run/nginx.pid


events {
    
    use   epoll

    
    worker_connections  1024

    
    client_header_buffer_size 4k

    
    keepalive_timeout 60

    
    
}


http {
    
    include       /etc/nginx/mime.types

    
    default_type  application/octet-stream

    
    charset utf-8

    
    server_names_hash_bucket_size 128

    
    client_header_buffer_size 32k

    
    large_client_header_buffers 4 64k

    
    client_max_body_size 8m

    
    autoindex on

    
    
    sendfile        on

    
    

    
    keepalive_timeout  65


    
    gzip on
    gzip_min_length 1k
    gzip_buffers 4 16k
    gzip_http_version 1.0
    gzip_comp_level 2
    gzip_types text/plain application/x-javascript text/css application/xml
    gzip_vary on

    
    

    
    include /etc/nginx/conf.d/*.conf


    
    upstream aaa {
        
    }


   
    server {

        
        listen 80

        
        server_name www.aaa.com aaa.com

        
        index index.html index.htm index.php
        root /data/www/sk

        
        location ~ .*.(gif|jpg|jpeg|png|bmp|swf)${
            expires 10d
        }

        
        location ~ .*.(js|css)?${
            expires 1h
        }

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

        
        access_log  /usr/local/nginx/logs/host.access.log  main
        access_log  /usr/local/nginx/logs/host.access.404.log  log404

        
        location /connect-controller {

            proxy_pass http://127.0.0.1:88
            proxy_redirect off
            proxy_set_header X-Real-IP $remote_addr

            
            proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for
            proxy_set_header Host $host

            
            client_max_body_size 10m

            
            client_body_buffer_size 128k

            
            proxy_intercept_errors on

            
            proxy_connect_timeout 90

            
            proxy_send_timeout 90

            
            proxy_read_timeout 90

            
            proxy_buffer_size 4k

            
            proxy_buffers 4 32k

            
            proxy_busy_buffers_size 64k

            
            
            proxy_temp_file_write_size 64k
        }

        
        location ~ .(jsp|jspx|do)?$ {
            proxy_set_header Host $host
            proxy_set_header X-Real-IP $remote_addr
            proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for
            proxy_pass http://127.0.0.1:8080
        }
    }
}

location

location指令的作用就是根据用户请求的URI来执行不同的应用

语法

location [ = | ~ | ~* | ^~ ] uri {...}
  • [ = | ~ | ~* | ^~ ]:匹配的标识

    • ~~*的区别是:~区分大小写,~*不区分大小写
    • ^~:进行常规字符串匹配后,不做正则表达式的检查
  • uri:匹配的网站地址

  • {...}:匹配uri后要执行的配置段

举例

location = / {
    [ configuration A ]
}
location / {
    [ configuration B ]
}
location /sk/ {
    [ configuration C ]
}
location ^~ /img/ {
    [ configuration D ]
}
location ~* .(gif|jpg|jpeg)$ {
    [ configuration E ]
}
  • = / 请求 / 精准匹配A,不再往下查找
  • / 请求/index.html匹配B。首先查找匹配的前缀字符,找到最长匹配是配置B,接着又按照顺序查找匹配的正则。结果没有找到,因此使用先前标记的最长匹配,即配置B。
  • /sk/ 请求/sk/abc 匹配C。首先找到最长匹配C,由于后面没有匹配的正则,所以使用最长匹配C。
  • ~* .(gif|jpg|jpeg)$ 请求/sk/logo.gif 匹配E。首先进行前缀字符的查找,找到最长匹配项C,继续进行正则查找,找到匹配项E。因此使用E。
  • ^~ 请求/img/logo.gif匹配D。首先进行前缀字符查找,找到最长匹配D。但是它使用了^~修饰符,不再进行下面的正则的匹配查找,因此使用D。

单页面应用刷新404问题

    location / {
        try_files $uri $uri/ /index.html;
    }

配置跨域请求

server {
    listen   80
    location / {
        
        
        add_header Access-Control-Allow-Origin *
        
        add_header Access-Control-Allow-Methods 'GET, POST, OPTIONS'
        add_header Access-Control-Allow-Headers 'DNT,X-Mx-ReqToken,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type,Authorization'
        
        
        
        if ($request_method = 'OPTIONS') {
            return 204
        }
    }
}

开启gzip压缩

    
    gzip on;               
    gzip_min_length 1k;    
    gzip_buffers 4 16k;    
    gzip_http_version 1.0
    gzip_comp_level 2;     
    
    
    gzip_types text/plain application/x-javascript text/css application/xml;
    
    
    
    gzip_vary on;

总体而言,Nginx是一款轻量级、高性能、可靠性强且扩展性好的服务器软件,适用于搭建高可用性、高性能的Web应用程序和网站。

如果您觉得这篇文章有帮助,请点个赞吧~

分享文章

相关文章

更多文章 →
nginx2026-01-06
Ubuntu Nginx配置文件与管理
1\. Nginx配置文件结构 配置文件位置 配置层次结构 2\. 常用配置示例 基础服务器配置 反向代理配置 HTTPS配置 (Let’s Encrypt证书) 3\. Ubuntu中Nginx配置管理流程 创建新站点配置 禁用站点 配置片段复用 (snippets) 4\. 配置文件验证与服务管理命令 配置测试 服务管理 5\. 常用调试命令 6\. 常见配置问题解决 配置后无法访问 1. 检查配置语法: 2. 检查防火墙设置: 3...
学习
nginx2025-06-07
Nginx配置介绍
一、Nginx配置介绍 是一个高性能的‌ 和反向代理服务器,以其轻量级、高并发能力而闻名。它的 配置文件通常位于 /etc/nginx/nginx.conf ,但具体位置可能会因安装方式和操作系统而异。Nginx的配置文件主要由以下几个部分组成: 1. 全局块:配置影响Nginx全局的指令,如运行Nginx服务器的用户组、Nginx进程PID存放路径、日志存放路径、配置文件引入、允许生成的worker process数等。 2. :配置...
学习
nginx2025-06-05
在 Ubuntu 上安装和配置 Nginx 的完整指南
Nginx 是一款高性能的开源 Web ,它可以用于反向代理、负载均衡、静态文件服务等。本指南将带您逐步完成在 Ubuntu 22.04 上安装和配置 Nginx 的过程。 步骤 1:更新软件包索引 在安装任何新软件之前,首先确保您的系统上的软件包索引是最新的。打开终端并运行以下命令: 步骤 2: 在 Ubuntu 22.04 上,可以通过 apt 包管理器轻松安装 Nginx。运行以下命令: 安装完成后,可以使用以下命令来检查 Ngi...
学习
nginx2024-11-25
nginx-前端必会-项目部署-精简通用篇
这篇文章是关于 Nginx 的介绍,包括其在项目部署中的作用,如反向代理、负载均衡等。还介绍了 Nginx 的特点、下载安装、常用命令、实际应用中的配置,如设置不同端口和文件夹,解决跨域、缓存、https 等问题,最后给出了一个全面的配置示例,并总结了带小白学习 Nginx 的主要内容。 关联问题: 如何优化nginx配置 nginx能否处理高并发 怎样解决nginx报错 前言 最近在公司部署项目时遇上了一点关于nginx的问题,于是就...
学习
nginx2024-10-16
nginx使用小记
厚积薄发,静水流深,今天介绍nginx的一些使用 基本配置文件 hosts文件配置域名解析 服务器已经安装了nginx, 并且监听80端口: 如果在服务器的hosts文件中配置了域名, 那么请求网络资源时, 首先会去hosts文件中查找是否有该域名的对应IP, 如果有, 直接请求该路径, 如果没有, 再去请求公共的DNS查询IP 例如, 在服务器的hosts文件中追加该配置: 然后使用 curl tcwwjdr/wwjfiles/ip....
学习
nginx2024-05-30
感受下 nginx 带来的魅力
引言 :纯干货分享,汇总了我在工作中八年遇到的各种 Nginx 使用场景,对这篇文章进行了细致的整理和层次分明的讲解,旨在提供简洁而深入的内容。希望这能为你提供帮助和启发! 对于前端开发人员来说,Node.js 是一种熟悉的技术。虽然 Nginx 和 Node.js 在某些理念上有相似之处,比如都支持 HTTP 服务、事件驱动和异步非阻塞操作,但两者并不冲突,各有各自擅长的领域: Nginx :擅长处理底层的服务器端资源,如静态资源处理...
学习

评论

请登录后发表评论

去登录
加载评论中...

目录