使用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/