Docker结合Jenkins部署vue项目

最新推荐文章于 2022-08-18 14:43:18 发布

Jerry1ee

最新推荐文章于 2022-08-18 14:43:18 发布

阅读量3.1k

点赞数

分类专栏：服务器部署文章标签： docker vue nginx npm jenkens

本文链接：https://blog.csdn.net/weixin_43925277/article/details/104408625

版权

接上篇

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

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

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

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

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

在前端项目的根目录下添加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

关注

专栏目录