【前端部署】打包后的文件上传至服务器步骤详解

在前端项目开发完成后需要将项目打包部署到服务器。除了使用jenkins等项目部署工具之外，还可以使用git bash将打包后的项目上传至服务器，或者使用连接服务器的工具直接对服务器中的文件进行操作

1、打包项目

npm run build

2、压缩文件

进入到打包后的文件目录

cd dist

查看目录中的文件

ls

使用tar命令对文件进行压缩、解压操作
指令解析：tar -zcvf 压缩文件的名称.文件格式 压缩文件的目录

 tar -zcvf test.tar.gz ./*

打包完成后输入 ls 可以看的打包后的文件 test.tar.gz

3、 scp指令上传文件至服务器

指令解析：scp 待上传压缩文件名称 登录服务器的账号@服务器ip:上传文件的目标目录

 scp test.tar.gz root@12.34.5.60:/app/webapp/test

4、解压文件

进入到文件所在的服务器目录，使用tar命令解压上传后的文件
指令解析：tar -zxvf 待解压文件名称

tar -zxvf test.tar.gz

5、删除多余文件

文件上传到服务器之后，可以将上一个版本的同名文件删除
删除文件命令
指令解析：rm -f 文件名称

rm -f test.tar.gz

删除文件夹命令
指令解析：rm -rf 文件夹名称

 rm -rf app