使用docker部署一个vuepress文档

思路分析

• vuepress打包后的文件是一个前端静态资源文件,需要用nginx来部署–>所以需要一个nginx的基础镜像
• nginx的基础镜像+vuepress打包后的文件 --> build成我们新的镜像
• 运行该镜像成容器即可

Dockerfile文件的编写

FROM nginx:1.21.0-alpine

WORKDIR /usr/share/nginx/html

COPY ./dist/ .

EXPOSE 80

CMD ["nginx", "-g", "daemon off;"]

docker镜像的构建

docker build -t vuepress:1.0 .

运行容器

docker run -p 80:80 -d --name vuepress vuepress:1.0

测试是否构建成功

http://43.138.23.55/