如有拼错的单词感谢提醒~
一.准备工作
为了方便文件的管理,我们先在服务器上创建一个专门存放项目的目录。
# 1.查看当前所在目录
pwd
# 1.1 可以切换到根目录管理
cd /root
# 2.创建一个专门存放项目的文件夹
mkdir services
# 3.可以查看我们创建的文件夹
ls
# 4.进入到我们新创建的文件夹
cd services
# 5.将我们build打包的前端项目拖拽到当前目录
# 5.1 如果提示-bash: rz: command not found我们则需要先下载
yum -y install lrzsz
# 6.查看我们上传的安装包
ls
# 7.解压
unzip dist.zip
# 7.1 如果提示-bash: unzip: command not found 我们则需要先下载
yum install -y unzip zip
# 7.2 此外可以将文件名改成自己业务的名称,如此便算完成
mv dist gzTest
上述完整流程:
拖动上传项目:
查看并解压我们上传的安装包:
二.项目部署
首先我们需要到自己的服务器上安装NGINX服务器:
- 进入到NGINX的官方进行下载:点击跳转。为了避免一些奇奇怪怪的错误,我们选择中间的稳定版进行下载。
-
右键赋值它的下载链接
-
在服务器上下载NGINX
# 1.我们可以先在根据目下创建一个目录用于存放软件
cd /root
mkdir soft
# 2.切换到soft目录
cd soft
# 3.下载Nginx(可直接复制,也可以去官网下载自己需要的版本)
curl -o nginx-1.24.0.tar.gz https://nginx.org/download/nginx-1.24.0.tar.gz
# 4.查看下载的Nginx
ls
- 解压配置Nginx
# 1.使用指令解压我们下载好的Nginx
tar -zxvf nginx-1.24.0.tar.gz
# 2.进入Nginx目录中
cd nginx-1.24.0
# 3.安装相关依赖(分别使用两条指令)
yum install pcre pcre-devel -y
yum install openssl openssl-devel -y
# 4.设置系统配置参数
./configure --with-http_ssl_module --with-http_v2_module --with-stream
# 5.开始编译
make
# 6.安装
make install
# 7.加入环境变量
vim /etc/profile
# 7.1 按 shift+g切换到最后一行,按i,新增以下内容.添加好后,先按Esc,再输入:wq保存退出
export PATH=$PATH:/usr/local/nginx/sbin
# 8.使配置文件生效
source /etc/profile
- 设置项目路径
# 1.切换到配置文件目录下
cd /usr/local/nginx/conf
# 2.为了防止误错误,我们先备份一份配置文件
cp nginx.conf nginx.default.conf
# 3.修改配置文件
vim nginx.conf
# 3.,按i修改下述内容.修改好后,先按Esc,再输入:wq保存退出
user root; # 修改点1
location / {root /root/services/gzTest;index index.html index.html;
} # 修改点2
# 4. 更新配置文件
nginx -s reload
- 防火墙相关
# 如果服务器防火墙开了需要开放对应端口,此外还要到云服务器网站开放相应80端口
# 1.增加端口
firewall-cmd --zone=public --add-port=80/tcp --permanent
# 2.重新加载配置
firewall-cmd --reload
# 3.查看开放端口
firewall-cmd --list-ports
如此我们便可以通过服务器ip或者域名去快乐的访问啦~