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 ../
相关推荐
对你无可奈何2 分钟前
关于Ubuntu的 update造成的内核升级
运维·服务器·ubuntu
qq_3129201126 分钟前
Nginx限流与防爬虫与安全配置方案
运维·爬虫·nginx·安全
GanGuaGua32 分钟前
Linux系统:线程的互斥和安全
linux·运维·服务器·c语言·c++·安全
全糖去冰吃不了苦42 分钟前
ELK 集群部署实战
运维·jenkins
Lynnxiaowen1 小时前
今天继续昨天的正则表达式进行学习
linux·运维·学习·正则表达式·云计算·bash
-KamMinG1 小时前
“从零到一:使用GitLab和Jenkins实现自动化CI/CD流水线”
自动化·gitlab·jenkins
努力学习的小廉2 小时前
深入了解linux系统—— POSIX信号量
linux·运维·服务器
IT成长日记2 小时前
【Linux基础】Linux系统配置IP详解:从入门到精通
linux·运维·tcp/ip·ip地址配置
夜无霄2 小时前
安卓逆向(一)Ubuntu环境配置
linux·运维·爬虫·ubuntu
田野里的雨2 小时前
manticore离线安装(Ubuntu )
linux·运维·服务器·全文检索