【运维】Linux安装Nginx并部署前端项目的两种方式【内 外网-保姆级教程】_linux部署前端项

3.2 配置

./configure

**注意：**[这个可能报错：emerg unknown directive stub\_status in]说明Nginx没有添加modules/ngx\_http\_stub\_status\_module.o模块。所以重新安装：然后执行./configure这个步骤的时候执行以下命令  
 3.2 配置

./configure --prefix=/usr/local/nginx --with-http_stub_status_module

3.3 安装

make -j4 && make install

### 4验证安装


执行以下命令：

/usr/local/nginx/sbin/nginx -v

若出现版本信息则表示安装成功。




## 第二种方式


### 1下载所需要的安装包


  
[下载链接]( )


![](https://img-blog.csdnimg.cn/2ba1b201dd834c79969dc511022f3617.png)



### 2安装步骤


#### 2.1将下载的完整文件夹通过压缩包的形式，上传到你的路径下解压.


#### 2.2 进入到gcc文件夹下，执行命令：

rpm -Uvh *.rpm --nodeps --force

#### 2.3进入到gcc-c++文件夹下，执行命令：

rpm -Uvh *.rpm --nodeps --force

#### 2.4检查gcc、gcc-c++是否安装成功


#### 2.5执行`gcc -v` , `g++ -v` 出现带有success或版本信息代表安装成功；


#### 2.6安装PCRE：

//1.解压对应文件
tar -zxvf pcre-8.35.tar.gz
//2.进入对应文件夹
cd pcre-8.35
//3.执行命令:依次执行
./configure
make
make install

#### 2.7安装libtool

//1.解压对应文件
tar -zxvf libtool-2.4.2.tar.gz
//2.进入对应文件夹
cd libtool-2.4.2
//3.执行命令:依次执行
./configure
make
make install

####  2.8安装nginx

//1.解压对应文件
tar -zxvf nginx-1.13.9.tar.gz
//2.进入对应文件夹
cd nginx-1.13.9
//3.执行命令:依次执行
./configure
make
make install

### 3如何进行操作


#### 3.1进入到linux服务器切换到root用户


su root 有密码就输入密码，没密码就直接进行操作。（不是管理员不能对nginx配置文件进行操作和相关文件的删除等操作）


#### 3.2直接进入到nginx默认安装的位置

cd /usr/local/nginx

#### 3.3ngin文件内容解释


进入到nginx下包含下图所显示的文件，我们进行前端部署主要是去操作conf（配置文件），html（放前端打包的dist文件），sbin（启动nginx）


![](https://img-blog.csdnimg.cn/1a66249be89b4694a8cf3ef32866775b.png)


#### 3.4如何部署前端项目到Nginx上


        如何将前端的dist文件放置到nginx的html文件下，首先要注意nginx默认可以解压tar后缀的压缩包，所以你在外部需要打包成tar压缩包，如果你想打包成其他后缀的压缩包也行，但是需要安装解压的插件，但内网不是不能联网下载吗？建议使用7ZIP直接打包成tar压缩包。


然后



> 
> cd html
> 
> 
> 


进入到html目录下，默认是包含两个html文件的。


![](https://img-blog.csdnimg.cn/67ebfe1e552c40b8bc1378ec9de2ed75.png)


#### 3.5上传dist.tar压缩包


使用rz 命令，直接输入rz进行上传dist.tar文件。（rz -y命令会直接覆盖掉上传的同名的文件）


#### 3.6解压dist.tar文件


直接使用tar -xvf dist.tar 进行解压


#### 3.7解压成功后使用cd 切换到conf文件下


![](https://img-blog.csdnimg.cn/1ec21583529647de85ed95918c5ea123.png)


#### 3.8根据实际情况修改nginx.conf中的配置文件


![](https://img-blog.csdnimg.cn/4cfb4824d2074b56b7a86b76102f625f.png)


#### 3.9启动Nginx


切换到sbin目录下执行



> 
> ./nginx
> 
> 
> 


#### 3.10查看是否启动成功


**自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。**

**深知大多数Linux运维工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！**

**因此收集整理了一份《2024年Linux运维全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。**
![img](https://img-blog.csdnimg.cn/img_convert/92324b501fb8b3288914c004c1f9b974.png)
![img](https://img-blog.csdnimg.cn/img_convert/58df178e4f291f33d4e38966dbead70c.png)
![img](https://img-blog.csdnimg.cn/img_convert/dfa54ee5e959455f319de8bfcbcebd6a.png)
![img](https://img-blog.csdnimg.cn/img_convert/b781571ee03a87f8015dfa7f9691ca94.png)
![img](https://img-blog.csdnimg.cn/img_convert/ee90b53dcd2bf311cb4ecacc20980dcb.png)

**既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Linux运维知识点，真正体系化！**

**由于文件比较大，这里只是将部分目录大纲截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且后续会持续更新**

**如果你觉得这些内容对你有帮助，可以添加VX：vip1024b （备注Linux运维获取）**
![img](https://img-blog.csdnimg.cn/img_convert/347ccacc7796efdbb298373ddfc001a3.jpeg)



[**一个人可以走的很快，但一群人才能走的更远。如果你从事以下工作或对以下感兴趣，欢迎戳这里加入程序员的圈子，让我们一起学习成长！**](https://bbs.csdn.net/forums/4304bb5a486d4c3ab8389e65ecb71ac0)

**AI人工智能、Android移动开发、AIGC大模型、C C#、Go语言、Java、Linux运维、云计算、MySQL、PMP、网络安全、Python爬虫、UE5、UI设计、Unity3D、Web前端开发、产品经理、车载开发、大数据、鸿蒙、计算机网络、嵌入式物联网、软件测试、数据结构与算法、音视频开发、Flutter、IOS开发、PHP开发、.NET、安卓逆向、云计算**

bbs.csdn.net/forums/4304bb5a486d4c3ab8389e65ecb71ac0)

**AI人工智能、Android移动开发、AIGC大模型、C C#、Go语言、Java、Linux运维、云计算、MySQL、PMP、网络安全、Python爬虫、UE5、UI设计、Unity3D、Web前端开发、产品经理、车载开发、大数据、鸿蒙、计算机网络、嵌入式物联网、软件测试、数据结构与算法、音视频开发、Flutter、IOS开发、PHP开发、.NET、安卓逆向、云计算**