[Linux服务器] Linux系统下安装配置 Nginx 超详细图文教程

1127 0
Honkers 2025-3-11 09:40:25 | 显示全部楼层 |阅读模式
<h2>一、下载Nginx安装包</h2>
<p>nginx官网&#xff1a;nginx: download
<img class="link-link-icon" src="https://csdnimg.cn/release/blog_editor_html/release2.3.7/ckeditor/plugins/CsdnLink/icons/icon-default.png?t&#61;O83A" alt="icon-default.png?t&#61;O83A" />
http://nginx.org/en/download.html</p>
<p>找到我们所需要版本&#xff0c;把鼠标移动到上面&#xff0c;右键打开链接进行下载</p>
<p>
<img alt=""  src="https://i-blog.csdnimg.cn/blog_migrate/fd2b312fd292baab819ff602b1eea81b.png"  />
</p>
<p> 或者如果Linux联网&#xff0c;直接在Linux服务上使用wget命令把Nginx安装包下载到/usr/local/目录中</p>
  1. #下载nginx安装包
  2. wget -c http://nginx.org/download/nginx-1.24.0.tar.gz
复制代码

<p>
<img alt="在这里插入图片描述" src="https://i-blog.csdnimg.cn/blog_migrate/cd55371e35b3370984e9002cf9812bdc.png#pic_center" />
</p>
<p> 注意&#xff1a;如果没有wget命令&#xff0c;需要先安装&#xff1a;&#xff08;centos版本命令&#xff1a;&#xff09;yum install -y wget</p>
<h2>二、安装Nginx</h2>
<h3>2.1、安装Nginx相关依赖&#xff08;谨慎选择&#xff09;</h3>
<p>在线版&#xff1a;centos使用yum命令安装</p>
  1. #安装nginx所需要的依赖包
  2. yum install -y gcc-c&#43;&#43;        zlib zlib-devel        openssl openssl-devel pcre pcre-devel
复制代码

<p>
<img alt="在这里插入图片描述" src="https://i-blog.csdnimg.cn/blog_migrate/46e8f8db5dc2973c5e92d74b773d85e0.png#pic_center" />
</p>
<p></p>
<p>离线版&#xff1a;下载所需依赖安装包&#xff0c;解压到指定目录下&#xff0c;使用下面命令安装</p>
  1. #解压安装包
  2. tar -zxvf nginx依赖的环境安装包.tar
复制代码

<p>解压后的文件 </p>
<p>
<img alt=""  src="https://i-blog.csdnimg.cn/blog_migrate/87cf5287c2ac5dcea7ef95b4caf94a5d.png"  />
</p>
  1. #安装当前路径下所有安装包
  2. rpm -Uvh *.rpm --nodeps --force
复制代码

<h3>2.2、安装Nginx</h3>
<p>找到Nginx的安装包进行解压</p>
  1. #解压安装包
  2. tar -zxvf nginx-1.24.0.tar.gz
复制代码

<p>
<img alt=""  src="https://i-blog.csdnimg.cn/blog_migrate/8969c6036f7f7ce1f72f90d33d8e8fb7.png"  />
进入解压之后的nginx目录下&#xff1a;</p>
  1. #进入nginx目录
  2. cd /usr/local/nginx-1.24.0
复制代码

<p>执行配置脚本&#xff0c;--prefix是指定安装目录</p>
  1. #执行配置脚本 --prefix是指定安装目录
  2. ./configure --prefix&#61;/usr/local/nginx
复制代码

<p><strong>如果遇到报错“./configure: error: C compiler cc is not found”&#xff0c;如下图</strong></p>
<p>
<img alt="在这里插入图片描述" src="https://i-blog.csdnimg.cn/blog_migrate/dd989a198040ace5e8b23f940ee08963.png#pic_center" />
</p>
<p>解决&#xff1a;</p>
<p>yum -y install gcc gcc-c&#43;&#43; autoconf automake make</p>
<p>编译安装</p>
  1. #对nginx编译和安装
  2. make &amp; make install
复制代码

<h3> 2.3、启动Nginx</h3>
<p>进入到nginx安装目录下&#xff1a;</p>
<p>
<img alt=""  src="https://i-blog.csdnimg.cn/blog_migrate/28f48c5ad65fd9679ed33c24237c75cb.png"  />
</p>
<p> 启动命令&#xff1a;</p>
  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
复制代码

<p>查询nginx是否启动&#xff1a;</p>
  1. ps -ef | grep nginx
复制代码

<p>访问nginx页面&#xff1a;</p>
<p>在浏览器中输入 ip &#43; 端口号访问&#xff08;端口默认80&#xff09;</p>
<p>这样就算安装成功了</p>
<p>
<img alt=""  src="https://i-blog.csdnimg.cn/blog_migrate/f6ddba4c1b0ae4f8878caf32c6d3d8cd.png"  />
</p>
<p>如果浏览器访问不通&#xff0c;请检查是否开启防火墙限制&#xff0c;将防火墙关闭或将端口加入到防火墙白名单中&#xff0c;这里nginx的默认端口为80</p>
  1. #查看已放行的端口
  2. firewall-cmd --list-all
  3. #将80端口加入到防火墙放行白名单中&#xff0c;并重载防火墙
  4. firewall-cmd --add-port&#61;80/tcp --permanent
  5. firewall-cmd --reload
复制代码

<p> 关闭防火墙</p>
  1. #临时关闭防火墙
  2. systemctl stop firewalld.service
  3. #永久关闭防火墙
  4. systemctl disable firewalld.service
复制代码

<p>设置nginx 的开机启动</p>
  1. vim /etc/rc.local
  2. 文本底部追加
  3. /usr/local/nginx/sbin/nginx
复制代码

<p>
<img alt=""  src="https://i-blog.csdnimg.cn/blog_migrate/64c63ce831b01fe19e81146f27d2a916.png"  />
</p>
<h2>三、Nginx介绍</h2>
<p>1、修改配置端口和默认访问页面</p>
  1. #找到nginx的配置文件&#xff0c;编辑
  2. vi /usr/local/nginx/conf/nginx.conf
复制代码

<p>
<img alt=""  src="https://i-blog.csdnimg.cn/blog_migrate/75397d8a483b199e21de83fad4c74bc9.png"  />
</p>
<p> 修改页面内容&#xff1a;</p>
  1. #这里放置的是nginx默认显示的页面
  2. cd /usr/local/nginx/html/
复制代码

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

<h3>2、nginx.conf分块理解</h3>
<p>可以把nginx.conf分为三个部分&#xff1a;全局块、events块、http区域</p>
<p>
<img alt=""  src="https://i-blog.csdnimg.cn/blog_migrate/8364cb0d608501271f02b2a3c803b0e9.png"  />
</p>
<ul><li><strong>全局区域&#xff1a;</strong>从配置文件开始到events块之间的内容&#xff0c;主要会设置一些影响nginx服务器整体运行的配置指令&#xff0c;主要包括配置运行nginx服务器的用户&#xff08;组&#xff09;、允许生成的worker process数&#xff0c;进程PID存放路径、日志存放路径和类型以及配置文件的引入等。必须上面的第一行配置</li></ul>
  1. #允许的work process数
  2. worker_processes  1;
  3. # 引入其他配置文件,其他配置文件可以放在conf目录下的domains文件夹下&#xff08;没有自己创建一个&#xff09;
  4. include domains/helloWord.conf
复制代码

<p> 这是Nginx服务器并发处理服务的关键配置&#xff0c;worker_processes值越大&#xff0c;可以支持的并发处理也越多&#xff0c;但是会受硬件、软件的设备的制约。</p>
<ul><li><strong>events区域&#xff1a;</strong>events块涉及的指令主要影响Nginx服务器与用户的网络连接&#xff0c;常用的设置包括是否开启对多worker_process下的网络连接进行序列化&#xff0c;是否允许同时接收多个网络连接&#xff0c;选取哪种事件驱动模型来处理连接请求&#xff0c;每个work process可以同时支持的最大链接数等。</li></ul>
  1. worker_connections  1024;
复制代码

<p> 样例中就表示每个work process支持的最大连接数为1024&#xff0c;这部分的配置对Nginx的性能影响较大&#xff0c;在实际中应该灵活配置。</p>
<ul><li><strong>http区域块&#xff1a;</strong>这块是Nginx服务器配置中最频繁的部分&#xff0c;代理、缓存和日志定义等绝大多数功能和第三方模块的配置都在这里。这里http块包含&#xff1a;http全局块、server 块</li></ul>
<p>
<img alt=""  src="https://i-blog.csdnimg.cn/blog_migrate/2ae72c03113188e3f3c5bc46543e50a2.png"  />
</p>
<ul><li><strong>http全局块&#xff1a;</strong>http全局块配置的指定包括文件引入、MIME-TYPE定义、日志自定义、连接超时事件、单链接请求数上限等。</li><li><strong>server块&#xff1a;</strong>这块和虚拟主机有密切关系&#xff0c;虚拟主机从用户角度看&#xff0c;和一台独立的硬件主机是完全一样的&#xff0c;该技术的产生是为了节省互联网服务器硬件成本。每个http块可以包括多个server块&#xff0c;而每个server块就相当于一个虚拟主机。每个server块也分为server全局块以及可以同时包含多个location块。
  <ul><li><strong>全局server块</strong>&#xff1a;最常见的配置就是本虚拟机主机的监听配置和本虚拟机的名称或IP配置。</li><li><strong>location块&#xff1a;</strong>一个server块可以配置多个location块。这块的主要作用就是基于nginx服务器接收到的请求字符串&#xff08;例如&#xff1a;server_name/uri-string&#xff09;,对虚拟主机名称&#xff08;也可以是IP别名&#xff09;之外的字符串&#xff08;例如前面的/uri-string&#xff09;进行匹配&#xff0c;对特定的请求进行处理。地址定向、数据缓存和应答控制等共鞥&#xff0c;还有许多第三方模块的配置也可以在这里进行。</li></ul></li></ul>
<h3> 3、nginx多情况处理</h3>
<h4>3.1、反向代理&#xff1a;</h4>
<p>前端的主流解决跨域的方式就是&#xff1a;1、开发生产cors解决&#xff1b;2、开发proxy&#xff0c;生产nginx解决</p>
<p>nginx配置如下&#xff1a;</p>
  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.         }
复制代码

<p>解读如下&#xff1a;就是如果遇到以/police请求开头的接口&#xff0c;就去访问这个IP地址的后端接口。</p>
<p>定义多个端口的反向代理&#xff0c;直接copy上面的&#xff0c;直接修改代理头和proxy_pass即可。</p>
<p>
<img alt=""  src="https://i-blog.csdnimg.cn/blog_migrate/6a114762f91498cc7b3c33118aee6112.png"  />
</p>
<h4>3.2、 开启gzip</h4>
<p>开启gzip对于前端来说还是比较重要的&#xff0c;浏览器加载的包大概能节约一半的空间&#xff0c;例如首页需要加载b.js为900kb&#xff0c;在开启gzip后&#xff0c;浏览器会去加载b.js经过gzip之后的文件b.js.gz&#xff0c;大概只有450kb&#xff0c;能很好的提升浏览速度。</p>
  1. #在http全局配置块中添加如下配置
  2. gzip on; # 默认off&#xff0c;是否开启gzip
  3. gzip_types text/plain text/css application/json application/x-javascript text/xml application/xml application/xml&#43;rss text/javascript;
  4. # 上面两个开启基本就能跑起了&#xff0c;下面的愿意折腾就了解一下
  5. gzip_static on;
  6. gzip_proxied any;
  7. gzip_vary on;
  8. gzip_comp_level 6;
  9. gzip_buffers 16 8k;
  10. # gzip_min_length 1k;
  11. gzip_http_version 1.1;
复制代码

<p>
<img alt=""  src="https://i-blog.csdnimg.cn/blog_migrate/3b2fc17e787493714d9d58ce897e59f8.png"  />
</p>
<h4>3.3、 前端页面刷新产生404问题</h4>
<p>添加如下配置&#xff1a;</p>
  1. location / {
  2.     try_files $uri $uri/ /index.html;
  3. }
复制代码

<p>这段代码的作用是&#xff0c;当用户刷新页面时&#xff0c;Nginx会先检查当前URL是否存在&#xff0c;如果不存在&#xff0c;就会尝试访问index.html&#xff0c;从而可以正常显示页面。
<img alt=""  src="https://i-blog.csdnimg.cn/blog_migrate/b0795c9400a0c6aeb01737a9faa9a64e.png"  />
</p>
<h4>3.4、维护页面</h4>
<p>在系统维护升级时&#xff0c;希望用户可以打开我们的维护页面&#xff0c;配置如下&#xff1a;</p>
  1. # 系统临时维护请打开下面这行注释&#xff0c;并重启nginx,维护完毕后请注释下年这行,并重启nginx
  2. # rewrite ^(.*)$ /maintainace.html break;
复制代码

<p>
<img alt=""  src="https://i-blog.csdnimg.cn/blog_migrate/7523ba27ebdda0eb3755f918a9995c70.png"  />
</p>
<h4>3.5、开启多个端口监听&#xff0c;维护多个上线网站</h4>
<p> 一个IP&#xff0c;利用nginx上线多个网站&#xff0c;例如访问192.168.1.154:8080访问我们的个人博客网站&#xff0c;访问192.168.1.154:8081访问我们的直播网站。</p>
<p>配置&#xff1a;直接复制server块即可&#xff0c;一个server块就代表了一个网站&#xff0c;需要修改下端口和文件的路径等内容。</p>
  1. # 第一个网站&#xff1a;个人博客项目配置
  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.           }
  10.     # 第二个网站&#xff1a;直播网站项目配置
  11.     server {
  12.             listen       8081;
  13.             root         /data/www/geov;
  14.             index        index.html;
  15.             location / {}
  16.     }
复制代码

<h4>3.6、动态资源与静态资源分离</h4>
<p>在Web开发中&#xff0c;通常来说&#xff0c;动态资源其实就是指那些后台资源&#xff0c;而静态资源就是指HTML&#xff0c;JavaScript&#xff0c;CSS&#xff0c;img等文件。<br /> 一般来说&#xff0c;都需要将动态资源和静态资源分开&#xff0c;将静态资源部署在Nginx上&#xff0c;当一个请求来的时候&#xff0c;如果是静态资源的请求&#xff0c;就直接到nginx配置的静态资源目录下面获取资源&#xff0c;如果是动态资源的请求&#xff0c;nginx利用反向代理的原理&#xff0c;把请求转发给后台应用去处理&#xff0c;从而实现动静分离。<br /> 在使用前后端分离之后&#xff0c;可以很大程度的提升静态资源的访问速度&#xff0c;同时在开过程中也可以让前后端开发并行可以有效的提高开发时间&#xff0c;也可以有些的减少联调时间 。</p>
<p>解析&#xff1a;<br /> 实际上我们在代理前端的html和接口时就已经做到了动静分离。我们打包后的dist包实际上就是纯静态的资源&#xff0c;所以直接访问nginx静态资源服务器&#xff0c;就不需要经过后台的tomcat。访问接口时&#xff0c;就需要nginx先去访问后台服务器&#xff0c;拿到结果再给到浏览器
<img alt=""  src="https://i-blog.csdnimg.cn/blog_migrate/09cc471136c8c9ebf60d22220526ebb6.png"  />
<img alt=""  src="https://i-blog.csdnimg.cn/blog_migrate/dac012e8b2cf9bb54da175f5fdfb16a8.png"  />
</p>
<h5>如何配置&#xff08;其实是优化&#xff0c;因为一般配置会有动静分离&#xff09;&#xff1a;</h5>
<p>假设有比较大的图片等需要放置到服务器上&#xff0c;然后通过nginx来转发。或者是有一个纯前端的开源项目&#xff08;如pdf.js&#xff09;&#xff0c;也需要放在服务器上。如果放在本地代码包&#xff0c;打包出来体积会很大。</p>
  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. }
复制代码

<h2>扩展&#xff1a;nginx常用命令</h2>

<p># 强制停止nginx命令</p>
<p>./nginx -s stop</p>


<p># 优雅停止nginx命令&#xff0c;等最后一次交互执行完毕再停止</p>
<p>./nginx -s quit</p>


<p># 重启nginx命令</p>
<p>./nginx -s reload</p>


<p># 检查nginx配置文件是否有问题</p>
<p>./nginx -t</p>


<p># 查看nginx版本信息</p>
<p>./nginx -v</p>
<p># 查看nginx详细版本信息,注意是大写V</p>
<p>./nginx -V</p>

<h3>Nginx相关命令扩展&#xff1a;</h3>
<h4>Nginx杀掉进程命令&#xff1a;</h4>
<p>1)相关nginx进行全部杀掉&#xff1a;killall -9 nginx</p>
<p>2)把PID两个进程杀掉&#xff1a;kill -9 pid1 and kill -9 pid1</p>
<h4>Linux下Nginx启动、重启、关闭命令&#xff1a;</h4>
<p>nginx -s reload &#xff1a;修改配置后重新加载生效</p>
<p>nginx -s reopen &#xff1a;重新打开日志文件</p>
<p>nginx -t -c /path/to/nginx.conf 测试Nginx配置文件是否正确</p>
<p>启动操作 -c参数指定了要加载的Nginx配置文件路径</p>
<p>nginx -c /usr/local/nginx/conf/nginx.conf</p>
<p>停止Nginx进程</p>
<p>nginx -s stop :快速停止Nginx</p>
<p>quit &#xff1a;完整有序的停止Nginx</p>
<p>其他的停止Nginx方式&#xff1a;</p>
<p>停止操作是通过向Nginx进程发送信号来进行的</p>
<p>步骤1&#xff1a;查询Nginx主进程号</p>
<p>ps -ef | grep nginx</p>
<p>在进程列表里 面找master进程&#xff0c;它的编号就是主进程号了。</p>
<p>步骤2&#xff1a;发送信号</p>
<p>从容停止Nginx&#xff1a;</p>
<p>kill -QUIT 主进程号</p>
<p>例如&#xff1a;kill -QUIT 16391</p>
<p>快速停止Nginx&#xff1a;</p>
<p>kill -TERM 主进程号</p>
<p>强制停止Nginx&#xff1a;</p>
<p>kill -9 主进程号</p>
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

中国红客联盟公众号

联系站长QQ:5520533

admin@chnhonker.com
Copyright © 2001-2026 Discuz Team. Powered by Discuz! X3.5 ( 粤ICP备13060014号 )|天天打卡 本站已运行