新手小白就能看懂得在linux安装nignx实现前端部署项目

182 阅读2分钟

本文章适合第一次接触nginx并且想把前端项目部署到服务器上面的新手小白,作者也是大三学生,第一次接触nginx,想着先把nginx的安装配置过程记录下来,方便以后回顾查看,本篇文章先讲解如何安装nginx和简单配置nginx(配置自定义配置文件路径),之后的下一篇文章,我会详细记录我第一次部署前端,后端,数据库的过程。

1.先安装所需要的依赖

yum -y install gcc zlib zlib-devel pcre-devel openssl openssl-devel

2.在nginx官网选择自己想要的nignx版本
nginx: download我选择的是nginx1.22版本,进入下载官网,选择自己需要的版本,然后鼠标右键复制下载地址
image.png

cd /etc
wget https://nginx.org/download/nginx-1.20.2.tar.gz

image.png 3.解压nginx

tar -zxvf nginx-1.20.2.tar.gz

解压之后重命名为nginx文件

mv nginx-1.20.2 nginx

4.配置nignx

//进入到重命名的nginx文件
cd nginx
//配置nginx
./configure

image.png 出现以下图片说明已经配置好了,prefix所指的路径就是以后安装的路径,配置nginx时就在安装路径里面配置 image.png 5.进行编译和安装

make&&make install
//配置Path这个相当于我们自己电脑的高级系统设置配置path一样的
export PATH=/usr/local/nginx/sbin:/usr/bin

image.png
等待安装完成之后安装过程就完成了
image.png
6.进入安装位置,配置nginx.conf配置文件
进入到安装路径,不知道的可以看第四步配置文件的第二张图片,我用红色箭头标出来的就是安装路径

cd /usr/local/nginx

image.png
可以看到conf文件夹,里面的内容就是nginx配置文件,我们进入conf文件创建一个conf.d文件夹

cd /conf
mkdir conf.d

image.png
然后编辑nginx.conf默认配置文件

vim nginx.conf

进入编辑模式insert(不懂linux的可以网上搜索)添加我们刚才创建的配置路径

include /usr/local/nginx/conf/conf.d/*.conf

一定要记得分号,以及这句话和下面的server是同级的。这句话主要是让nignx自动读取conf.d文件夹里面所有的nginx配置文件,以后我们前端项目的nignx配置文件直接放在conf.d文件夹里面即可。 image.png 然后按键盘的esc键 然后输入 :wq 保存并退出
7.运行nginx服务
回到nginx文件夹,进入sbin文件

image.png

cd sbin
./nginx //启动服务

然后网页上输入自己的ip出现以下图片就说明nignx服务启动好了
注意nignx默认端口是80,因此要在服务器里面将80端口开放,输入自己的Ip应该就可以看见

image.png

image.png