您的位置:

Jenkins部署Vue项目指南

一、从Jenkins部署Vue项目到远程服务器

使用Jenkins进行Vue项目的持续集成和部署,可以大大减少手动操作的复杂度和出错概率,同时提高开发效率。在将Vue项目部署到远程服务器上时需要注意以下几点:

1、确保你已经为远程服务器配置好了SSH免密码登陆,可以通过命令行ssh user@remoteHost进行免密码登陆操作。

2、在Jenkins的构建配置中增加一个"Send files or execute commands over SSH"构建步骤,并在其中添加需要传输的文件和执行的命令

Optional advanced command-line options: -i /path/to/private/key -o ConnectTimeout=10
Source files/path: dist/    Transfer Set Executable: No 
Remove prefix: dist/   Remote directory: /opt/vue-project-name/
Exec command: pm2 reload vue-project-name
Exec timeout: 60000   Server alive: ticked

其中,-i /path/to/private/key表示SSH的私钥路径,dist/表示待传输的文件或目录名,/opt/vue-project-name/表示远程服务器上存放文件的路径,pm2 reload vue-project-name表示执行的命令,可替换成其他你需要执行的命令。

3、构建完成后,Jenkins会通过SSH将待部署的文件传输到远程服务器,执行相应的命令进行部署。可以通过Jenkins的构建控制台查看执行情况,也可以通过SSH在远程服务器上查看部署结果。

二、Jenkins部署Vue项目

通过Jenkins进行Vue项目的部署,可以避免手动操作的出错概率和复杂度,方便快捷地完成项目的部署工作。可按照以下步骤进行操作:

1、在Jenkins中创建一个新项目,选择自由风格的软件项目

创建Jenkins自由风格项目

2、配置Git的源码管理,填写项目的仓库地址、分支、凭证等信息

配置Git源码管理

3、添加构建步骤,在此处可以选择为项目安装依赖、构建打包等步骤

添加构建步骤

4、在构建后步骤中,选择"Send files or execute commands over SSH"构建步骤,填写远程服务器的相关信息