docker+nginx+jenkins部署vue项目

一、部署思路

1.宿主机上安装jenkins（配置git，获取项目代码）
2.使用nginx镜像启动容器（和jenkins中workspace文件进行映射）
3.在docker容易中启动nginx
4.通过jenkins进行项目构建。实现持续CI

二、linux安装jenkins、并配置

1.Linux安装jenkins不再赘述，网上一大堆。
2.jenkins需要具备git插件，拉取项目代码。我的代码是放到git上的。
3.创建自由风格的项目，在源码管理中配置好git。

4.test构建，代码被拉到宿主机路径为 /var/lib/jenkins/workspace/testtwo
5.构建vue项目shell命令：

三、linux安装docker、启动容器

1.安装docker不再赘述
2.下载nginx镜像：docker pull nginx
3.vue项目构建后项目路径(宿主机)：/var/lib/jenkins/workspace/testtwo/dist
4.容器中nginx项目文件路径：/usr/share/nginx/html。nginx启动时，会去这个路径找index.html文件。
5.使用nginx镜像启动容器，和宿主机中的代码进行映射docker run -itd -v /var/lib/jenkins/workspace/testtwo/dist:/usr/share/nginx/html -p 5008:80 f6d0b4767a6c（镜像ID）
6.启动nginx项目 cd /usr/local/nginx/sbin/ ./nginx
7.此后构建vue项目，不需要再重启nginx