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

# vue.js # docker # 前端 # kubernetes
Logo
K8S/Kubernetes

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

更多推荐

cover

kubernetes(k8s)安装教程_安装kubernetes

avatar K8S/Kubernetes
cover

k8s集群部署（sealos）

avatar K8S/Kubernetes
cover

Day97：云上攻防-云原生篇&Kubernetes&K8s安全&API&Kubelet未授权访问&容器执行

avatar K8S/Kubernetes