Jenkins如何发布前端Vue项目,一文带你搞定

一、概述

前面的文章我们讲到了使用Jenkins发布后端项目的具体步骤以及涉及的知识点都讲清楚了,不懂的可以翻一翻我公众号前面的文章。
本文主要讲解一下如何发布前端项目,有了后端项目的基础,发布前端项目其实也比较简单。让我们来进入正题。

二、Jenkins配置前端项目的步骤

1. Git的配置
这块跟后端项目是一样的。

20250411122048460-image

2. Build Steps
这里使用npm打包前端命令即可。

20250411122208370-image

3. Send build artifacts over SSH
这里主要是把构建后的版本,主要是文件夹全部上传到服务器上面即可。
我这里分了两步,第一步是备份原文件,方便后面发布回滚操作。
备份原文件,主要是文件拷贝的命令:

20250411122221946-image

文件上传至服务器

20250411122231672-image

三、nginx配置前端站点

在server结点下面配置如下内容即可:
location / { 
	root / home / manager / dist;  index  index.html index.htm; try_files $uri $uri / @router;
}
location @router { 
	rewrite ^ .*$ / index.html  last;
}

四、总结

好了,本章内容相对简单,内容不多,有任何疑问,欢迎留言。
© 版权声明
THE END
喜欢就支持一下吧
点赞7 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容