Jenkins下简单部署VUE项目

1. 安装相关插件

1.1 安装node.js 用于vue项目的打包构建

点击“系统管理” - “全局工具管理” 设置NodeJS自动安装，或者选择已安装目录。

1.2 安装Publish Over SSH插件用于SSH连接远程的服务器

点击“系统管理” - “系统配置”

2. 创建项目以及配置

创建一个自由风格的项目

本次选择的是vue ant-design-pro的开源项目，所以不用填写授权信息

构建环境配置，选择“Provide Node & npm bin/ folder to PATH” 对应上文配置的NodeJS版本

添加构建脚本“Build” - “Execute shell”

rm -rf dist #删除之前构建的文件
rm -f dist.tar.gz #删除之前添加的压缩文件
npm install 
npm run build #构建
tar -zcf dist.tar.gz dist #添加压缩包

cd /opt/ant-design-pro/
rm -rf dist
tar zxvf dist.tar.gz
rm -rf dist.tar.gz

3 .Nginx静态资源访问

配置nginx指向路径“/opt/ant-design-pro/dist”

重启Nginx。