一、下载Nginx安装包

nginx官网：

nginx: download

下载nginx

找到我们所需要版本，把鼠标移动到上面，右键打开链接进行下载

Linux系统下安装配置 Nginx 超详细图文教程 - 图1

或者如果Linux联网，直接在Linux服务上使用wget命令把Nginx安装包下载到/usr/local/目录中

  1. #下载nginx安装包
  2. wget -c http://nginx.org/download/nginx-1.24.0.tar.gz

Linux系统下安装配置 Nginx 超详细图文教程 - 图2

注意：如果没有wget命令，需要先安装：（centos版本命令：）yum install -y wget

二、安装Nginx

2.1、安装Nginx相关依赖

在线版：centos使用yum命令安装

  1. #安装nginx所需要的依赖包
  2. yum install -y gcc-c++    zlib zlib-devel    openssl openssl-devel pcre pcre-devel

Linux系统下安装配置 Nginx 超详细图文教程 - 图3

离线版：下载所需依赖安装包，解压到指定目录下，使用下面命令安装

  1. #解压安装包
  2. tar -zxvf nginx依赖的环境安装包.tar

解压后的文件

Linux系统下安装配置 Nginx 超详细图文教程 - 图4

  1. #安装当前路径下所有安装包
  2. rpm -Uvh *.rpm --nodeps --force

2.2、安装Nginx

找到Nginx的安装包进行解压

  1. #解压安装包
  2. tar -zxvf nginx-1.24.0.tar.gz

Linux系统下安装配置 Nginx 超详细图文教程 - 图5

  1. #进入nginx目录
  2. cd /usr/local/nginx-1.24.0

执行配置脚本，—prefix是指定安装目录

  1. #执行配置脚本 --prefix是指定安装目录
  2. ./configure --prefix=/usr/local/nginx

如果遇到报错“./configure: error: C compiler cc is not found”，如下图

Linux系统下安装配置 Nginx 超详细图文教程 - 图6

解决：

  1. yum -y install gcc gcc-c++ autoconf automake make

编译安装

  1. #对nginx编译和安装
  2. make & make install

2.3、启动Nginx

进入到nginx安装目录下：

Linux系统下安装配置 Nginx 超详细图文教程 - 图7

启动命令：

  1. #启动脚本是在
  2. # /usr/local/nginx/sbin/nginx
  3. #启动,
  4. /usr/local/nginx/sbin/nginx -c /usr/local/nginx/conf/nginx.conf
  5. #停止
  6. /usr/local/nginx/sbin/nginx -s stop
  7. #重载
  8. /usr/local/nginx/sbin/nginx -s reload
  9. #杀掉nginx
  10. /usr/local/nginx/sbin/nginx -s quit

查询nginx是否启动：

  1. ps -ef | grep nginx

访问nginx页面：

在浏览器中输入 ip + 端口号访问（端口默认80）

这样就算安装成功了

Linux系统下安装配置 Nginx 超详细图文教程 - 图8

如果浏览器访问不通，请检查是否开启防火墙限制，将防火墙关闭或将端口加入到防火墙白名单中，这里nginx的默认端口为80

  1. #查看已放行的端口
  2. firewall-cmd --list-all
  3. #将80端口加入到防火墙放行白名单中，并重载防火墙
  4. firewall-cmd --add-port=80/tcp --permanent
  5. firewall-cmd --reload

关闭防火墙

  1. #临时关闭防火墙
  2. systemctl stop firewalld.service
  3. #永久关闭防火墙
  4. systemctl disable firewalld.service

设置nginx 的开机启动

  1. vim /etc/rc.local
  2. 文本底部追加
  3. /usr/local/nginx/sbin/nginx

Linux系统下安装配置 Nginx 超详细图文教程 - 图9

三、Nginx介绍

1、修改配置端口和默认访问页面

  1. #找到nginx的配置文件，编辑
  2. vi /usr/local/nginx/conf/nginx.conf

Linux系统下安装配置 Nginx 超详细图文教程 - 图10

修改页面内容：

  1. #这里放置的是nginx默认显示的页面
  2. cd /usr/local/nginx/html/
  1. #user  nobody;#运行nginx的默认账号
  2. #nginx进程数，建议设置为等于CPU总核心数。
  3. worker_processes  1;
  5. #事件区块开始
  6. events {
  7.     #单个进程最大链接数（最大连接数=连接数*进程数）
  8.     #根据硬件调整，与前面工作进程配合起来用，尽量大，但别把CPU跑到100%就行，每个进程允许的最多连接数，理论上为每台nginx服务器的最大连接数
  9.     worker_connections  1024;
  10. }
  12. #设定http服务器，利用它的反向代理功能提供负载均衡支持
  13. http {
  14.     #include:导入外部文件mime.types,将所有types提取为文件，然后导入到nginx配置文件中。
  15.     include       mime.types;
  16.     #默认文件类型
  17.     default_type  application/octet-stream;
  19.     #开启高效文件传输模式，sendfile指令指定nginx是否调用sendfile函数来输出文件，对于普通应用设置为on，如果用来进行下载等应用磁盘IO重负载应用，可设置为off，以平衡磁盘与网络I/O处理速度，降低系统的负载，注意：如果图片显示不正常把这个改成off
  20.     #sendfile指令指定，nginx是否调用sendfile函数（zero copy方式）来输出文件，对于普通应用，必须设为on,如果用来进行下载等应用磁盘IO重负载应用，可设置为off，以平衡磁盘与网络IO处理速度，降低系统uptime
  21.     sendfile        on;
  22.     #长连接超时事件，单位是秒
  23.     keepalive_timeout  65;
  26.     #第一个server区块开始，表示一个独立的虚拟主机站点
  27.     server {
  28.         #提供服务的端口，默认80
  29.         listen       80;
  30.         #提供服务的域名主机名
  31.         server_name  localhost;
  34.         #对 “/” 启动反向代理，第一个location区块开始
  35.         location / {
  36.             root   html;    #服务默认启动目录,可以改成指定的目录位置
  37.             index  index.html index.htm; #默认的首页文件，多个用空格分开
  38.         }
  40.         #错误页面路由
  41.         error_page   500 502 503 504  /50x.html; # 出现对应的http状态码是，使用50x.html回应客户
  42.         location = /50x.html { # location区块开始，访问50x.html
  43.             root   html; # 指定对应的站点目录为html
  44.         }
  46.     }
  49. }

2、nginx.conf分块理解

可以把nginx.conf分为三个部分：全局块、events块、http区域

Linux系统下安装配置 Nginx 超详细图文教程 - 图11

  • 全局区域：从配置文件开始到events块之间的内容，主要会设置一些影响nginx服务器整体运行的配置指令，主要包括配置运行nginx服务器的用户（组）、允许生成的worker process数，进程PID存放路径、日志存放路径和类型以及配置文件的引入等。必须上面的第一行配置
  1. #允许的work process数
  2. worker_processes  1;
  3. # 引入其他配置文件,其他配置文件可以放在conf目录下的domains文件夹下（没有自己创建一个）
  4. include domains/helloWord.conf

这是Nginx服务器并发处理服务的关键配置，worker_processes值越大，可以支持的并发处理也越多，但是会受硬件、软件的设备的制约。

  • events区域：events块涉及的指令主要影响Nginx服务器与用户的网络连接，常用的设置包括是否开启对多worker_process下的网络连接进行序列化，是否允许同时接收多个网络连接，选取哪种事件驱动模型来处理连接请求，每个work process可以同时支持的最大链接数等。
  1.  worker_connections  1024;

样例中就表示每个work process支持的最大连接数为1024，这部分的配置对Nginx的性能影响较大，在实际中应该灵活配置。

  • http区域块：这块是Nginx服务器配置中最频繁的部分，代理、缓存和日志定义等绝大多数功能和第三方模块的配置都在这里。这里http块包含：http全局块、server 块

Linux系统下安装配置 Nginx 超详细图文教程 - 图12

  • http全局块：http全局块配置的指定包括文件引入、MIME-TYPE定义、日志自定义、连接超时事件、单链接请求数上限等。

  • server块：这块和虚拟主机有密切关系，虚拟主机从用户角度看，和一台独立的硬件主机是完全一样的，该技术的产生是为了节省互联网服务器硬件成本。每个http块可以包括多个server块，而每个server块就相当于一个虚拟主机。每个server块也分为server全局块以及可以同时包含多个location块。

  • 全局server块：最常见的配置就是本虚拟机主机的监听配置和本虚拟机的名称或IP配置。

  • location块：一个server块可以配置多个location块。这块的主要作用就是基于nginx服务器接收到的请求字符串（例如：server_name/uri-string）,对虚拟主机名称（也可以是IP别名）之外的字符串（例如前面的/uri-string）进行匹配，对特定的请求进行处理。地址定向、数据缓存和应答控制等共鞥，还有许多第三方模块的配置也可以在这里进行。

3、nginx多情况处理

3.1、反向代理：

前端的主流解决跨域的方式就是：1、开发生产cors解决；2、开发proxy，生产nginx解决

nginx配置如下：

  1.         #接口端
  2.         location /police/ {
  3.             proxy_pass   http://192.168.12.122:8852/police/;
  4.             proxy_redirect default;
  5.             proxy_http_version 1.1;
  6.             proxy_connect_timeout   60;
  7.             proxy_send_timeout      60;
  8.             proxy_read_timeout      90;
  9.         }

解读如下：就是如果遇到以/police请求开头的接口，就去访问这个IP地址的后端接口。

定义多个端口的反向代理，直接copy上面的，直接修改代理头和proxy_pass即可。

Linux系统下安装配置 Nginx 超详细图文教程 - 图13

3.2、 开启gzip

开启gzip对于前端来说还是比较重要的，浏览器加载的包大概能节约一半的空间，例如首页需要加载b.js为900kb，在开启gzip后，浏览器会去加载b.js经过gzip之后的文件b.js.gz，大概只有450kb，能很好的提升浏览速度。

  1. #在http全局配置块中添加如下配置
  3. gzip on; # 默认off，是否开启gzip
  4. gzip_types text/plain text/css application/json application/x-javascript text/xml application/xml application/xml+rss text/javascript;
  6. # 上面两个开启基本就能跑起了，下面的愿意折腾就了解一下
  7. gzip_static on;
  8. gzip_proxied any;
  9. gzip_vary on;
  10. gzip_comp_level 6;
  11. gzip_buffers 16 8k;
  12. # gzip_min_length 1k;
  13. gzip_http_version 1.1;

Linux系统下安装配置 Nginx 超详细图文教程 - 图14

3.3、 前端页面刷新产生404问题

添加如下配置：

  1. location / {
  2.     try_files $uri $uri/ /index.html;
  3. }

这段代码的作用是，当用户刷新页面时，Nginx会先检查当前URL是否存在，如果不存在，就会尝试访问index.html，从而可以正常显示页面。

Linux系统下安装配置 Nginx 超详细图文教程 - 图15

3.4、维护页面

在系统维护升级时，希望用户可以打开我们的维护页面，配置如下：

  1.  # 系统临时维护请打开下面这行注释，并重启nginx,维护完毕后请注释下年这行,并重启nginx
  2.  # rewrite ^(.*)$ /maintainace.html break;

Linux系统下安装配置 Nginx 超详细图文教程 - 图16

3.5、开启多个端口监听，维护多个上线网站

一个IP，利用nginx上线多个网站，例如访问192.168.1.154:8080访问我们的个人博客网站，访问192.168.1.154:8081访问我们的直播网站。

配置：直接复制server块即可，一个server块就代表了一个网站，需要修改下端口和文件的路径等内容。

  1.  # 第一个网站：个人博客项目配置
  2.       server {
  3.           listen       8080;
  4.           root         /data/www/hexo;
  5.           index        index.html;
  6.           location / {
  7.               try_files $uri $uri/ /index.html; # 路由模式history的修改
  8.           }
  9.       }
  11.     # 第二个网站：直播网站项目配置
  12.     server {
  13.         listen       8081;
  14.         root         /data/www/geov;
  15.         index        index.html;
  16.         location / {}
  17.     }

3.6、动态资源与静态资源分离

在Web开发中，通常来说，动态资源其实就是指那些后台资源，而静态资源就是指HTML，JavaScript，CSS，img等文件。

一般来说，都需要将动态资源和静态资源分开，将静态资源部署在Nginx上，当一个请求来的时候，如果是静态资源的请求，就直接到nginx配置的静态资源目录下面获取资源，如果是动态资源的请求，nginx利用反向代理的原理，把请求转发给后台应用去处理，从而实现动静分离。

在使用前后端分离之后，可以很大程度的提升静态资源的访问速度，同时在开过程中也可以让前后端开发并行可以有效的提高开发时间，也可以有些的减少联调时间 。

解析：

实际上我们在代理前端的html和接口时就已经做到了动静分离。我们打包后的dist包实际上就是纯静态的资源，所以直接访问nginx静态资源服务器，就不需要经过后台的tomcat。访问接口时，就需要nginx先去访问后台服务器，拿到结果再给到浏览器

Linux系统下安装配置 Nginx 超详细图文教程 - 图17 Linux系统下安装配置 Nginx 超详细图文教程 - 图18

如何配置（其实是优化，因为一般配置会有动静分离）：

假设有比较大的图片等需要放置到服务器上，然后通过nginx来转发。或者是有一个纯前端的开源项目（如pdf.js），也需要放在服务器上。如果放在本地代码包，打包出来体积会很大。

  1. location /image/ {
  2.   root   /var/filecenter/;
  3. }
  4. location /static/ {
  5.   root   /var/filecenter/;
  6. }
  7. location /car/ {
  8.   root   /var/filecenter/;
  9. }
  10. location ~ .*\.(html|htm|gif|jpg|jpeg|bmp|png|ico|js|css)$ {
  11.   root /Users/dalaoyang/Downloads/static;
  12. }

扩展：nginx常用命令

# 强制停止nginx命令

./nginx -s stop

# 优雅停止nginx命令，等最后一次交互执行完毕再停止

./nginx -s quit

# 重启nginx命令

./nginx -s reload

# 检查nginx配置文件是否有问题

./nginx -t

# 查看nginx版本信息

./nginx -v

# 查看nginx详细版本信息,注意是大写V

./nginx -V

Nginx相关命令扩展：

Nginx杀掉进程命令：

1)相关nginx进行全部杀掉：killall -9 nginx

2)把PID两个进程杀掉：kill -9 pid1 and kill -9 pid1

Linux下Nginx启动、重启、关闭命令：

nginx -s reload ：修改配置后重新加载生效

nginx -s reopen ：重新打开日志文件

nginx -t -c /path/to/nginx.conf： 测试Nginx配置文件是否正确

启动操作 -c参数指定了要加载的Nginx配置文件路径

nginx -c /usr/local/nginx/conf/nginx.conf

停止Nginx进程

nginx -s stop :快速停止Nginx

quit ：完整有序的停止Nginx

其他的停止Nginx方式：

停止操作是通过向Nginx进程发送信号来进行的

步骤1：查询Nginx主进程号

ps -ef | grep nginx

在进程列表里 面找master进程，它的编号就是主进程号了。

步骤2：发送信号

从容停止Nginx：

kill -QUIT <主进程号>

例如：kill -QUIT 16391

快速停止Nginx：

kill -TERM <主进程号>

强制停止Nginx：

kill -9 <主进程号>