我的博客

http://www.lizhenghao.site/

环境搭建

Jenkins环境搭建

参考我的上前一篇文章【Jenkins CI/CD环境搭建】

服务器需要的配置

  1. 如果仓库是公开的，就什么都不需要配置，否则需要使用账号密码或者密钥的方式
  2. 如果服务器没装git，需要用yum install git先装个git

开始部署

点击创建item（新建任务）

image-20220131200554919

点击配置-》

image-20220131213316205

image-20220131213341426

这里需要配一下nodejs的环境，在系统全局环境设置中记得勾上nodejs的自动安装，选择合适的版本（和本机测试环境的保持一致，否则容易出错）

image-20220131213629440

最后点保存，点击立即构建：

image-20220131213715396

可以看出，成功地在目标文件夹生成了build好的文件，由于我们已经配好了nginx，腾讯云的一些域名解析配置（没配好的可以参考我以前的博客，有讲如何在腾讯云部署vue项目），可以直接在本机通过域名访问对应的网址：

image-20220131213902030

大功告成！

补充

  1. 后续每次commit之后如果需要发布项目，直接打开jenkins点构建即可（如果跟我一样用了github同步码云的还得手动同步一次），构建完后刷新网页就是新的内容了
  2. 如果想要jenkins自动构建的话，我们也可以设置定时拉取github上最新代码再构建的方式来部署，如果有时间的话后面再补充

参考博客

  1. 使用jenkins自动化打包部署Vue项目，详细教程
# jenkins # vue.js # 运维
Logo
Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^

avatar Vue
cover

echarts堆叠柱状图

avatar Vue

Error in v-on handler: "TypeError: Cannot read properties of undefined (reading 'current')"

这是一个 Vue.js 错误，报错信息提示在 v-on 处理程序中出现了错误：“TypeError: Cannot read properties of undefined(读取 'current')”。这意味示在您的代码中，试图读取一个未定义的变量 'current'。您需要检查您的代码，确保 'current' 已正确定义并初始化。...

avatar Vue