【项目部署】使用Jenkins一键打包部署前端Vue应用

---

前言

嗨，大家好，我是希留，一个被迫致力于全栈开发的老菜鸟。

上一篇文章我们讲到了使用Jenkins一键打包部署SpringBoot应用，这一次我们来讲下如何一键打包部署前端应用，以Vue前端应用为例。

---

一、准备工作

1、安装nginx

因为前端项目通常是放在nginx里面，所以需要安装好nginx。为了方便，我们这里使用Docker来安装nginx。（若已安装好nginx，则跳过此步骤）

1.1 下载nginx的docker镜像

docker pull nginx:1.10

1.2 从容器中拷贝nginx配置

• （1）先运行一次容器（为了拷贝配置文件）：

docker run -p 80:80 --name xiliu-nginx \
-v /mydata/nginx/html:/usr/share/nginx/html \
-v /mydata/nginx/logs:/var/log/nginx  \
-d nginx:1.10

• （2）将容器内的配置文件拷贝到指定目录：

docker container cp xiliu-nginx:/etc/nginx /mydata/nginx/

• （3）进入/mydata/nginx/目录下，修改文件名称：

mv nginx conf

• （4）终止并删除容器：

docker stop xiliu-nginx
do