Jenkins自动化部署Vue项目

1、新建item,选择 Freestyle project

2、源码管理选择git,输入git仓库地址和授权账号,并指明要部署的分支

3、构建选择 Execute shell,输入vue项目打包命令

命令示例:

bash 复制代码
source /etc/profile
node -v
npm config set registry https://registry.npm.taobao.org
npm i
npm run build:test
tar -zcf dist.tar.gz dist

4、构建后操作选择 Send build artifacts over ssh,输入服务器和脚本路径

脚本命令示例如下:

bash 复制代码
rm -rf /usr/share/nginx/web/目标目录路径
cd /www/develop/tmp/
tar -zxf dist.tar.gz
mv dist /usr/share/nginx/web/目标目录路径
chmod -R 755 /usr/share/nginx/web

到这里,常规的vue部署配置已经结束,接下来直接构建就可以了。

如果遇到所在的git项目,要部署的代码是在git地址里面的某个目录下,即git多包了一层,则部分配置要重新配置,不然构建时会出错误。

具体操作如下:

在源码管理,添加附加行为,选择 Sparse Checkout paths,输入git里面所在的目录

重新修改执行脚本

bash 复制代码
source /etc/profile
node -v
cd git所在目标目录/
npm config set registry https://registry.npm.taobao.org
npm i
npm run build:test
tar -zcf dist.tar.gz dist
mv dist.tar.gz ../
相关推荐
史不了3 分钟前
无 sudo 运行:让你的程序在 Ubuntu 低端口监听
linux·运维·ubuntu
YC运维12 分钟前
OSPF实验以及核心原理全解
运维·网络·网络协议·智能路由器
许白掰2 小时前
Linux入门篇学习——Linux 工具之 make 工具和 makefile 文件
linux·运维·服务器·前端·学习·编辑器
AmosTian9 小时前
【系统与工具】Linux——Linux简介、安装、简单使用
linux·运维·服务器
YC运维10 小时前
RIP实验以及核心原理
运维·网络·智能路由器
leo__52011 小时前
自动化运维:使用Ansible简化日常任务
运维·自动化·ansible
霖0011 小时前
C++学习笔记三
运维·开发语言·c++·笔记·学习·fpga开发
CodeWithMe11 小时前
【Note】《Kafka: The Definitive Guide》 第九章:Kafka 管理与运维实战
运维·分布式·kafka
bug攻城狮12 小时前
Alloy VS Promtail:基于 Loki 的日志采集架构对比与选型指南
运维·架构·grafana·数据可视化