使用docker/k8s部署vue项目

1. 编译前端项目

image-20220312101646813

2. 将前端文件打包

注意不要将dist目录打进去,自打dist里的文件

image-20220312102158441

image-20220312102216692

3. Dockerfile

本次打包将前端项目打入nginx镜像的html即可

FROM nginx
MAINTAINER zr
ADD dist.tar.gz /usr/share/nginx/html
EXPOSE 80
ENTRYPOINT nginx -g "daemon off;"

4. 打包镜像并推送

docker build -f Dockerfile -t [dockerhub用户名]/gulimall-admin-vue:v1.0 .

image-20220312103131185

docker push [dockerhub用户名]/gulimall-admin-vue:v1.0

推送成功

image-20220312103551327

5. 使用镜像

5.1 可以将镜像直接拉下来docker run暴露80端口即可

5.2 使用k8s部署

创建无状态服务并暴露外网访问即可

image-20220312103859498

image-20220312103925985

5.3 访问测试

image-20220312104223689

image-20220314092837573

Logo

K8S/Kubernetes社区为您提供最前沿的新闻资讯和知识内容

更多推荐