基于Jenkins自动化发布VUE项目

最新推荐文章于 2023-07-24 16:31:06 发布
最新推荐文章于 2023-07-24 16:31:06 发布
阅读量275 收藏
点赞数
分类专栏： Jenkins 自动化部署 文章标签： Jenkins VUE
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/a992795427/article/details/105366009
版权

Jenkins自动化部署VUE项目

前言

通过Jenkins发布一个VUE项目到远程服务器

配置

1.Jenkins新建Item
在这里插入图片描述
2.新建一个任务
在这里插入图片描述
3.任务/项目描述
在这里插入图片描述
4.源码配置
在这里插入图片描述
Credentials添加
在这里插入图片描述
4.配置构建环境
在这里插入图片描述
5.构建后操作（SSH 服务器配置请看第6步）
在这里插入图片描述6.SSH服务器配置
在这里插入图片描述
在这里插入图片描述最下面，新增
在这里插入图片描述
在这里插入图片描述保存即可
6.项目构建
在这里插入图片描述
7.服务器项目路径
在这里插入图片描述
8.通过nginx的conf配置对项目的代理
在这里插入图片描述
9.重启nginx即可访问
sbin下面 ./nignx -s reload
在这里插入图片描述

等待的萝卜
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
使用Jenkins自动化部署Vue.js项目——兼容Vue CLI3生成的项目
仰望星空的代码
10-13 8657
Jenkins是非常流行的持续集成工具。使用Jenkins部署服务器端应用程序是非常方便的，那么使用Jenkins部署web前端应用程序效果怎么样呢，如果可以使用Jenkins部署，那么就可以直接从版本库自动拉取，自动构建，相比传统方式会省去很多麻烦。 一、准备 服务器上已经安装并配置好了Jenkins。 二、部署步骤 1、新建任务。点击左侧导航“新建任务”，跳转到新建任务页面，输入任务名...
vue 自动化部署 jenkins 篇
lifefriend_007的博客
05-09 284
前端项目打包部署，以前都是手工运行打包命令，打包结束后压缩，然后上传到服务器上解压部署。这种重复性的工作，确实有点让人烦，而且效率也不高。 本文基于 vue 的前端项目、 GitHub 的代码仓库，简述在 CentOS7 上利用 jenkins 实现自动部署。 一、安装插件 NodeJS Jenkins -> Manage Jenkins -> Manage Plugins -...
jenkins自动部署vue前端项目
08-15
jenkins自动打包vue前后端分离项目，部署到远程服务器
jenkins自动化构建vue程序并发布至远程服务器
zhanghaoran
10-23 464
综述：记录在Ubuntu上安装Jenkins，并使用gitee源码进行自动化打包vue(nuxt)程序发布部署到远程服务器。 1.在Ubuntu上安装Jenkins 1.0. 安装Java SDK sudo apt-get install openjdk-8-jdk 1.1. 安装Jenkins Ubuntu默认软件包中的Jenkins版本不是最新版本。 为了利用最新的修复和功能，我们将使用项目维护的软件包来安装Jenkins。 首先，将存储库密钥添加到系统 wget -q -O - https://pk
Jenkins部署vue
wangfenglei123456的博客
04-26 258
参考网址：https://blog.csdn.net/jonsonler/article/details/81317352 1.系统设置--添加插件，配置好node.js。参考网址：https://blog.51cto.com/13760351/2382464 2.添加服务器，添加Credentials。 3.搭建配置： 3.1添加git 3.2构建环境 echo ...
jenkins部署vue项目
https://gitee.com/hello-piper/PiperChat
11-19 640
文章目录新建项目新建任务构建一个自由风格的软件项目任务配置 新建项目 需要插件publish over ssh 新建任务 构建一个自由风格的软件项目 任务配置
【Jenkins】部署vue项目（多种方式部署）
热门推荐
怀着一颗学徒的心
07-24 1万+
🥕第一种 （npm run build）打包的形式 🥕第二种 （npm run test）直接启动的形式 🥕第三种 使用docker镜像打包脚本
jenkins结合gitlab部署vue项目
11-25
在现代软件开发流程中，持续集成（Continuous Integration, CI）和持续部署（Continuous Deployment, CD）扮演着至关重要的角色。...确保仔细阅读并按照步骤操作，你就能顺利地实现自动化部署Vue项目了。
基于HttpRunner+Python+Django+Vue实现的接口自动化测试平台
最新发布
06-28
【作品名称】：基于HttpRunner+Python+Django+Vue实现的接口自动化测试平台 【适用人群】：适用于希望学习不同技术领域的小白或进阶学习者。可作为毕设项目、课程设计、大作业、工程实训或初期项目立项。 【项目...
基于python3+django+Vue自动化测试平台开发
09-29
在构建“基于Python3+Django+Vue自动化测试平台”的过程中，我们将涉及到多个技术栈的知识点，涵盖了后端开发、前端开发以及项目整合等多个方面。下面将详细阐述这些关键技术及其应用。 1. Python3：Python3是这个...
[CI] 使用Jenkins自动编译部署web应用
weixin_33851177的博客
09-09 309
写在前面 初步接触持续集成自动化过程，本篇主要介绍基于Jenkins实现持续集成的方式，通过案例介绍线上自动编译及部署的配置过程 持续集成 持续集成是一种软件开发实践，即团队开发成员经常集成它们的工作，通过每个成员每天至少集成一次，也就意味着每天可能会发生多次集成。每次集成都通过自动化的构建（包括编译，发布，自动化测试）来验证，从而尽早地发现集成错误。 Jenkins Jenkins是基于J...
jenkins部署vue
nanjizhiyin的专栏
03-23 2188
# 安装依赖 #找不到node-sass时,执行下面方法 #方法1 # npm i node-sass --sass_binary_site=https://npm.taobao.org/mirrors/node-sass/ #方法1不行,执行方法2 #npm install node-sass --unsafe-perm --save-dev npm install # 打包 npm run build #源码编译后生成的打包目录 distPath=/var/lib/jenkins/workspace
40、jenkins部署vue项目
qq23001186的博客
08-18 5361
前面我们已经学习了jenkin的持续集成与部署，接下来我们将使用jenkin来部署我们之前已经完成的微服务项目。
Jenkins 发布前端vue项目
qq_39042827的博客
05-17 216
准备工作 1、nodejs 插件安装 2.全局工具配置 在全局工具配置中找到NodeJS，因为第一次使用Nodejs，选择在jenkins上自动安装。nodsjs版本自行选择，我用的是最新版本 创建一个自由风格的项目WEB 1.源码管理 选择Git，填写gitlab的URL和秘钥还有对应的分支，配置如下图： 2.构建环境 选择勾选Provide Node & npm bin/ folder to PATH 3.执行shell 在构建中选择执行shell 执行shell命令 echo $P
Jenkins自动化构建vue项目然后发布到远程Linux服务器
weixin_30780649的博客
06-20 2053
部署Jenkins参照另一篇博客： centos7安装Jenkins及其卸载 一、jenkins相关插件的安装 1、安装Publish Over SSH插件用于SSH连接远程的服务器。 登录 jenkins 管理系统首页，打开“系统管理”--“管理插件” 搜索Publish Over SSH 然后勾选安装 2、安装 NodeJs插件 用于vue项目打包构建。 ...
jenkins自动化部署vue
梦想起飞的地方.........
02-25 167
jenkins自动化部署vue 一、nodejs配置 首先加入nodejs插件–>–> 在配置里面配置这个插件–> 这样我们就能在自动构建发布的配置里看到nodejs的编译选项了 二、发布配置 首先新建一个自由风格的项目 然后配置构建保留天数和参数化构建 这里选择在svn上的资源，配置好访问的用户信息 这样我们在构建的时候能看到项目的不同版本 接下来选择构建的数据源位置 echo $PATH node -v npm -v npm install chrome..
通过Jenkins构建vue项目并发布到远程服务器
qq_18881987的博客
10-14 414
通过Jenkins构建vue项目并发布到远程服务器安装Jenkinsdocker安装普通安装配置Jenkins浏览器访问需要输入管理员密码插件安装创建用户实例配置配置环境安装nodejs插件配置node版本安装Publish Over SSH 插件 安装Jenkins docker安装 docker run --name jenkinsci-blueocean -u root --rm -d -p 8080:8080 -p 50000:50000 -v /data/jenkins:/var/jenkins
Jenkins打包部署gitee项目至阿里云ECS服务器
我是海贼王
09-02 1731
Jenkins打包部署gitee项目至阿里云ECS服务器 Jenkins安装及基础环境配置 Jenkins配置SSH免密登录 ​
jenkins 构建发布vue项目
leoss的博客
01-14 1880
前言 这是我去年的一次技术日志，我们有个项目使用到了vue，vue的打包构建与java的maven类似，不过用的是npm。由于我们的项目都是使用Jenkins进行发布的，基于CICD的思想，我自然而然的想到Jenkins来发布vue。于是就尝试了一番，过程不算复杂，如果有Jenkins使用经验不费半天功夫就搞定了。在此我将过程分享出来，供大家参考。 步骤一：安装node vue使用的是npm打包，...
一键自动化部署工具：Easy-Jenkins for Vue & Jar，界面友好，已开源
"这是一篇关于‘Easy-Jenkins’的开源自动化部署工具的介绍，它专为jar和Vue项目设计，提供了友好的用户界面和简单的操作流程。Easy-Jenkins基于流水线架构，支持分支管理和多数据源配置，无需外部数据库，简化了...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值