从0-1超详细教你实现前端代码nginx部署全流程

说明

本文旨在使用最简单快速的办法，解决前端静态资源部署需求。 公司平时使用 tomcat 部署静态资源比较多，今年三月份我买了一个服务器，一直忙着加班还没开始用，今天刚好拿来用一下咯：

前提

你要有一个服务器哟~~ 购买后打开就像这个下面这个样子

步骤一：链接服务器

1. 找到公网IP
2. 修改密码
3. 下载FinalShell，安装打开
4. 打开FinalShell 名称可以随意填写哦~~ 自己起个服务器的名字，方便以后链接使用。
5. 双击打开，链接成功

步骤二：安装Nginx

1. 下载nginx压缩包；
2. 找到需要安装的路径，把刚刚下载的压缩包拖进去；

3. 解压文件，刷新目录

tar -zxvf nginx-1.18.0.tar.gz

4. 安装依赖

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

5. 进入目录，执行命令

cd nginx-1.18.0
 
./configure
 
make install

6.配置nginx.conf 此项可以根据需求进行操作，也可以不配置，使用默认端口号.

# 打开配置文件
vi /usr/local/nginx/conf/nginx.conf

按住下箭头，往下寻找端口号，修改端口号

Linux下编辑文件并保存 cd到该文件的目录下 vi 要编辑的文件名，进入普通模式，可查看文件内容 输入 i 进入编辑模式，开始编辑文本 编辑之后，按ESC退出到普通模式。 在普通模式下，输入 : 进入命令模式 在命令模式下输入wq, 即可保存并退出

7.启动nginx

/usr/local/nginx/sbin/nginx -s reload

8.查看nginx进程是否启动

ps -ef | grep nginx

备注：如果启动不成功，查看的时候下面就只有一条 我们可以使用这个来启动 启动nginx ./usr/local/nginx/sbin/nginx 而不是使用reload

步骤三：测试

1. 进入服务器管理界面，配置安全组；
2. 测试界面访问

步骤四：部署其他项目

进入服务器静态资源目录，拖动打包好的项目放入； 目录地址：/usr/local/nginx/html

2. 访问

结语