gitee_配置自动部署vue项目

默认已有 服务器、仓库、及代码，并且远程仓库和本地已有关联

gitee_流水线操作

新建流水线

基本信息

流水线名称、流水线唯一标识        会自动填写

触发事件

事件监听：
根据需要填写

触发方式：
默认自动触发

任务编排

一般有【构建】和【部署】两个任务

点击【阶段名称：默认 未命名】：
阶段名称 可选
阶段唯一标识 可选
阶段权限控制    选择用户

点击【任务名称：默认 新的任务】：
选择【构建】：选择【NodeJs构建】

        构建命令：

echo '清理旧文件'
rm -rf dist
echo '拉取最新代码'
git pull --rebase origin test
echo '设置NPM源，提升安装速度'
npm config set registry https://registry.npmmirror.com
# 执行编译命令
npm install && npm run build

一个任务编辑结束后，根据需要点击添加下一个任务

在部署任务中，需要添加主机组，也就是需要部署到哪台服务器上。如果没有主机组，点击右侧【添加】按钮根据提示添加机器到仓库中

选择【部署任务的文件来源】为上游构建产出（40块钱）

执行脚本如下：

        如果使用 docker 部署，则需要执行docker重启指令。前提是 docker 配置完成

mkdir -p /root/test_git/nginx/dist # 新建目录
rm -rf /root/test_git/nginx/dist
tar zxvf ~/gitee_go/deploy/output.tar.gz -C /root/test_git/nginx # 解压内容
chmod -R 777 /root/test_git/nginx/dist # 设置目录访问权限，防止nginx访问403
docker restart nginx_vue2_special_effects # 如果使用docker部署，执行重启docker
echo 'Hello Gitee Go!'

以上步骤，使用【图形视图】或者【代码视图】都可以

流水线编辑完成后点击右上角【保存】按钮，是否立即执行取决于【触发事件】。

流水线开始执行后，点击【流水线-构建详情】，点击【阶段任务】可以查看具体执行情况