Docker结合Jenkins部署vue项目

Docker结合Jenkins部署vue项目

接上篇

Vue项目没什么好说的，在本地一般使用vue ui启动vue管理的前端，然后在里面进行启动

Vue官方说可以不通过ngin来部署，但是如果上生产环境，建议还是要走nginx

安装nginx

这里安装过程不再赘述，如果不清楚可以参考下面这篇文章

https://blog.csdn.net/qq_42815754/article/details/82980326

配置Jenkins

具体填Jenkins配置可以参考我的上一篇文章，这里需要安装一个额外的插件

dockerfile

在前端项目的根目录下添加dockerfile文件，内容如下：

# 设置基础镜像
FROM nginx
# 定义作者
MAINTAINER yourname
# 将dist文件中的内容复制到 /usr/share/nginx/html/ 这个目录下面
COPY dist/  /usr/share/nginx/html/

这一步的原理：
创建镜像后，把构建之后的dist文件夹下的静态文件都复制到
/usr/share/nginx/html/这个目录里，这个目录就是当前镜像下nginx配置的静态资源目录，就等于把nginx原本默认的index.h