当前位置: 首页 > news >正文

win环境Jenkins部署前端项目

今天分享win环境Jenkins部署前端vue项目,使用的版本jenkins版本Jenkins 2.406版本。

前提是jenkins安装好了,通用配置已经配置好了,可以参考上两篇博客。

1、前端项目依赖nodejs,需要安装相关插件

点击进入

安装成功标准

 jenkins重启后生效, 重新登陆

2、配置nodejs

点击进入

 点击后,写上别名、选上版本

然后点击保存 

3、开始创建前端项目任务,点击

点击后创建

4、配置分支

进入

继续配置

5、配置源码地址

6、配置构件环境

7、开始构建

点击,选择环境

 填脚本:

1)每次打包前先强制删除项目下的node_modules文件夹及下面的文件

2)安装依赖

rd/s/q C:\Users\admin\.jenkins\workspace\test_vue_project\node_modules
npm install

3)build打包

npm run build

如图

继续一步构建命令

1)删除nginx站点下dist文件夹

2)复制粘贴jenkis打包好的dist文件及内容,强制覆盖至nginx站点下的dist文件夹

rd/s/q E:\sh\nginx\nginx\nginx-1.15.2\html\dist
xcopy /s C:\Users\admin\.jenkins\workspace\test_vue_project\dist E:\sh\nginx\nginx\nginx-1.15.2\html\dist\

如图

8、先启动好nginx

配置nginx

点击启动

这时候访问,没有前端页面

9、最后打包前端文件、选择响应的分支

执行后文件多了

注意:nginx启动后如果更新前端文件,不需要重启nginx,因此更新完文件后,就可以直接访问最新服务了。

这时候访问前端项目就ok了,到此前端部署完成,后面会分享linux环境部署前后端服务,敬请期待!

http://www.lryc.cn/news/228820.html

相关文章:

  • DDD领域驱动设计模式结构图面向接口编程
  • Ubuntu中安装R语言环境并在jupyter kernel里面增加R kernel
  • JVM:如果是你,你如何解决跨代引用的问题?(记忆集和卡集)
  • Python实现WOA智能鲸鱼优化算法优化卷积神经网络分类模型(CNN分类算法)项目实战
  • 使用 Qt 实现监听网页是否响应,导出 Excel 表
  • Java通过JNI技术调用C++动态链接库的helloword测试
  • Python爬虫所需的常用库
  • Android Studio真机运行时提示“安装失败”
  • 【C语言数据结构————————二叉树】
  • 分组取每组数据的最大值和最小值的方法思路,为类似场景的数据分析提取提供思路,例如提取宗地内建筑的最高层数等可参考此方法思路
  • MyBatis 反射工具箱:带你领略不一样的反射设计思路
  • Netty第三部
  • 【C++入门篇】保姆级教程篇【下】
  • CCLink转Modbus TCP网关_CCLINK参数配置
  • 一文2000字从0到1使用压测神器JMeter进行压力测试!
  • 极狐GitLab CI 助力 .Net 项目研发效率和质量双提升
  • [协程]生成器协程调度器的实现-未完
  • Git之分支与版本->课程目标及知识点的应用场景,分支的场景应用,标签的场景应用
  • PHP正则提取或替换img标记属性
  • Git 命令行使用指南
  • Spring 常见面试题
  • caffe搭建squeezenet网络的整套工程
  • 【OWT】梳理构建的webrtc和owt mfc工程
  • 02 powershell服务器远程执行命令
  • LeetCode257. Binary Tree Paths
  • Linux下MSSQL (SQL Server)数据库无法启动故障处理
  • 2311极语言高亮说明书
  • 金蝶云星空与金蝶云星空对接集成盘亏单查询打通盘亏单新增
  • 深入理解 Django 信号机制
  • uniapp开发app应用从创建到上架