Jenkins使用NodeJs插件打包部署前端Vue工程

本文详细介绍如何在Jenkins中安装nodejs插件,并通过Jenkins实现前端项目的自动化部署流程,包括配置GitLab源码仓库、执行构建脚本、上传打包内容至nginx服务器以及配置nginx等关键步骤。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1、Jenkins中安装nodejs插件
在系统管理-》插件管理-》可选插件中搜索NodeJS Plugin

在这里插入图片描述
2、系统管理-》全局工具配置
在这里插入图片描述

3、系统管理-》系统设置

在这里插入图片描述
4、点击新建任务创建一个
在这里插入图片描述

5、填写gitlab地址和用户密码
在这里插入图片描述

6、勾选Provide Node & npm bin/ folder to PATH

在这里插入图片描述

7、执行构建脚本
在这里插入图片描述

8、将打包内容上传到nginx
在这里插入图片描述

9、配置nginx

location / {
                try_files $uri $uri/ @router;
                index index.html;
                 # root html;
                root /aifs01/tools/nginx/html/;
           }

在这里插入图片描述

10、然后输入ip:port/index.html即可访问页面
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值