Jenkins & Nginx & Vue项目自动化部署

目录

一、环境准备

1.1 Jenkins搭建

1.2 NVM和Nodejs安装

1.3 Nginx安装

二、Jenkins配置

2.1 相关插件安装

2.2 全局工具安装

2.3 环境变量配置

2.4 邮箱配置（构建后发送邮件）

2.5 任务配置

三、Nginx配置

3.1 配置路由转发

四、部署项目

4.1 构建项目

4.2 启动Nginx

4.3 访问项目

问题

一、环境准备

1.1 Jenkins搭建

参考之前的文章：Jenkins_孟林洁的博客-CSDN博客

1.2 NVM和Nodejs安装

• 去github下载最新的nvm  nvm下载地址  找到 nvm-setup.zip 点击下载
• 傻瓜式安装，注意安装路径和nodejs路径（尽量提前创建nvm文件夹和nodejs文件夹，后续会提到有些问题）
• 验证nvm：nvm version
• 安装nodejs：nvm install 20.10.0
• 使用nodejs：nvm use 20.10.0
• 验证node和npm：node-v npm-v
• npm配置淘宝镜像：npm config set registry https://registry.npmmirror.com
• 安装cnpm：npm install -g cnpm --registry=https://registry.npmmirror.com

参考：window下安装并使用nvm（含卸载node、卸载nvm、全局安装npm）-CSDN博客

1.3 Nginx安装

• Nginux官网  
• 下载解压缩即可

二、Jenkins配置

2.1 相关插件安装

• NodeJS
• Git Parameter
• Git Parameter
• Gitee
• Git

2.2 全局工具安装

NodeJS配置路径

2.3 环境变量配置

Path: D:\soft\Git\usr\bin;D:\soft\nvm\nodejs