如今做那个网站致富,什么文案容易上热门,安阳网站建设服务,站群管理系统cms今天分享win环境Jenkins部署前端vue项目#xff0c;使用的版本jenkins版本Jenkins 2.406版本。
前提是jenkins安装好了#xff0c;通用配置已经配置好了#xff0c;可以参考上两篇博客。
1、前端项目依赖nodejs#xff0c;需要安装相关插件 点击进入
安装成功标准 jenki…今天分享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 3build打包 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环境部署前后端服务敬请期待
