jenkins构建vue项目部署到远程服务器

已于 2022-04-07 13:51:02 修改
阅读量2.7k 收藏 6
点赞数 1
文章标签： jenkins
于 2022-03-31 13:16:08 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/kaola_l/article/details/123868382
版权
本文档详细介绍了如何配置jenkins，包括设置SSH Server和Node.js，以及创建自由风格的软件项目，进行源码管理、指定分支、构建环境等步骤，最终实现vue项目的打包和通过SSH上传到远程服务器进行部署。
摘要由CSDN通过智能技术生成

说明：本节是通过jenkins将vue项目进行打包，讲dist文件夹下的内容传到远程服务器，由远程服务器上的nginx配置指向dist文件夹下的index.html

目录

打包部署vue项目前期配置工作

配置SSH Server（在配置项目处——构建步骤会用到）

配置node

创建项目并配置（构建一个自由风格的软件项目）

源码管理

添加凭据

指定分支

构建环境

 构建

打包部署vue项目前期配置工作

系统管理-->插件管理-->可选插件（搜索git和node插件进行安装）

配置SSH Server（再配置项目处——构建步骤会用到）

系统管理-->系统配置

最低0.47元/天 解锁文章
考拉梁
关注
  • 1
    点赞
  • 踩
  • 6
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 2
    评论
Jenkins自动化构建vue项目然后发布到远程服务器
安树的博客
10-31 2万+
一、请确保当前服务器安装了docker和jenkins，没安装的请看《在centos7系统安装docker及用docker安装jenkins》 （jenkins里面的目录路径为/var/jenkins_home相当于之前安装系统里面的/home/var/jenkins/） 二、jenkins相关插件的安装 1、安装Publish Over SSH插件用于SSH连接远程的服务器。      ...
Jenkins打包部署gitee项目至阿里云ECS服务器
我是海贼王
09-02 1591
Jenkins打包部署gitee项目至阿里云ECS服务器 Jenkins安装及基础环境配置 Jenkins配置SSH免密登录 ​
Jenkins自动部署后端maven项目、前端vue项目，包含在远程服务器的部署方法
Derek7117的博客
09-27 3565
Jenkins安装与部署
linux系统jenkins自动化部署vue项目至远程服务器
m0_46536382的博客
04-01 2508
前言 上一篇文章，已经讲解了windows系统使用Jenkins实现自动化部署vue项目，这次又又又花了一天的时间，研究了下linux系统下的操作，其实两者差别不算大，主要是JDK的安装和环境变量的设置稍微麻烦些，还有Jenkins任务构建模块，选择的构建步骤跟windows不一致，其他大致相同。本文还提到小白可能会遇到的错误（踩坑大师），也进行了解决方案的提供，希望能给小伙伴们提供到帮助。 目录前言工具及材料准备1.git2.JDK（Jenkins依赖java环境）3.Jenkins（war包）4.git
Jenkins+Gitlab自动部署Vue项目到远程服务器
u010797364的博客
08-12 1208
Jenkins+Gitlab自动部署Vue到远程服务器
使用Jenkins自动部署vue项目
andyLyysh的博客
01-07 2320
超详细的Jenkins自动化部署Vue项目教程
jenkins自动部署vue前端项目
08-15
jenkins自动打包vue前后端分离项目，部署到远程服务器
jenkins部署vue前端
10-18
这个过程包括配置Jenkins环境、构建Vue项目、打包应用、配置部署任务以及将应用发布到目标服务器。以下将详细介绍每个步骤： 1. **安装和配置Jenkins** - 安装Jenkins：首先，你需要在服务器上下载并安装Jenkins，...
vue-cli3项目打包后自动化部署到服务器的方法
10-14
接下来，为了实现自动化部署，我们需要借助一个名为 `scp2` 的模块，它允许我们通过 SSH 协议安全地复制文件到远程服务器。在你的项目中，执行以下命令来安装 `scp2`： ```bash npm install scp2 --save-dev ``` ...
idea自动部署linux服务器
01-17
4. **前端项目部署**： - 对于前端项目，如React、Vue或Angular，部署过程略有不同。你可能需要使用Webpack或其他打包工具将前端代码编译成静态资源，然后通过SFTP部署到Linux服务器的Web根目录。 - IntelliJ IDEA...
如何使用jenkins实现发布部分更新文件
08-18
Jenkins 是一个流行的自动化构建工具，可以帮助开发者自动化构建、测试和部署项目。今天，我们将讨论如何使用 Jenkins 实现发布部分更新文件。 什么是 Jenkins Jenkins 是一个基于 Java 的自动化构建工具，由 Sun ...
基于Jenkins自动化发布VUE项目
卡哇伊的码农
04-07 267
Jenkins自动化部署VUE项目前言配置 前言 通过Jenkins发布一个VUE项目到远程服务器 配置 1.Jenkins新建Item 2.新建一个任务 3.任务/项目描述 4.源码配置 Credentials添加 4.配置构建环境 5.构建后操作（SSH 服务器配置请看第6步） 6.SSH服务器配置 最下面，新增 保存即可 6.项目构建 7.服务器项目路径 8.通过ngin...
jenkins部署vue项目
Mr_linjw的专栏
02-04 546
安装插件 NodeJS、Publish Over SSH （下图为安装教程）这三个插件都这么安装。接下来添加凭证（这里我认为的是添加全局账号密码例如服务器账号、git账号密码）部署时候用。设置好 勾选自动安装然后应用=》保存（听说不要选择18版本的node）这里步骤是 把你的代码构建成文件并且压缩下一步应该发到你的服务器。下面源码管理的地方需要将你默认的分支换为${上面起的名称}部署指定分支（后面我会下载插件选择部署指定分支或标签）输入git地址并且选择配置好的git账号密码。
jenkins自动化构建vue程序并发布至远程服务器
zhanghaoran
10-23 443
综述：记录在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项目然后发布到远程Linux服务器
weixin_30780649的博客
06-20 1973
部署Jenkins参照另一篇博客： centos7安装Jenkins及其卸载 一、jenkins相关插件的安装 1、安装Publish Over SSH插件用于SSH连接远程的服务器。 登录 jenkins 管理系统首页，打开“系统管理”--“管理插件” 搜索Publish Over SSH 然后勾选安装 2、安装 NodeJs插件 用于vue项目打包构建。 ...
通过Jenkins构建vue项目并发布到远程服务器
qq_18881987的博客
10-14 403
通过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 发布服务到linux服务器
最新发布
liudongyang123的博客
06-30 553
remote directory：这个就简单了就是远程主机的目录，也就是你要把包放哪里，如果你在创建publish over ssh的时候直接配好了，这里也不需要填，如果你就配置了一级目录，你也可以在这里接着配置。remove prefix：这个看不天没理解啥意思，但是大概知道怎么用，比如java你就配置到target，前端的这块就不用配置了，注意这块别弄错了，弄错了，会导致后续的传包啥的不执行。exec command：在远程主机要执行的命令，可以在这个地方直接配置启动等命令，也可以在后面的配置中增加。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

考拉梁

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值