使用docker/k8s部署vue项目

1. 编译前端项目

2. 将前端文件打包

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

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 .

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

推送成功

5. 使用镜像

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

5.2 使用k8s部署

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

5.3 访问测试