通常项目采用 Jenkins 自动化构建部署, 但偶尔有那么一两个项目没足够资源去搭建工具.这里写一个简单的Shell脚本去部署vue项目

先上传打包后的文件 dist.zip 到服务器指定目录 , 然后备份上个版本的压缩包 , 删除文件 , 解压部署

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
#!/bin/bash
echo "***管理后台部署脚本运行***"
# 管理后台目录
frontend_dir="/home/nginx/www/ycc"
# 上传 dist.zip 目录
upload_dir="/home/deploy"

if [ ! -f "${upload_dir}/dist.zip" ];then
  echo "文件不存在"
  else
  echo "---> 开始备份并删除旧版本文件,解压新版本文件..."
  mv ${frontend_dir}/dist.zip ${frontend_dir}/../back/dist_bak_$(date +%s).zip
  rm -rf ${frontend_dir}/*
  mv ${upload_dir}/dist.zip ${frontend_dir}/dist.zip
  unzip -d ${frontend_dir} ${frontend_dir}/dist.zip
  echo "*** 部署完成 ***"
fi