vue项目通过sh脚本实现docker nginx自动化部署方式

前端项目使用的是vue 3.0 + node，部署在docker nginx 中，并发布到docker hub

1 环境准备

1.1 注册 docker hub账号

https://hub.docker.com/

1.2 安装 docker 容器

（参考教程）https://www.runoob.com/docker/docker-dockerfile.html

1.3 准备 nginx 容器

docker pull nginx

1.4 查看容器

docker images

2 创建Dockerfile文件

在任意位置创建Dockerfile文件，确保文件名大小写（PS：个人在项目的根目录下出创建Dockerfile）

# 核心代码，仅供参考
FROM nginx

COPY dist/ /usr/share/nginx/html/

COPY nginx/default.conf /etc/nginx/conf.d/default.conf

3 创建自动化执行脚本(***.sh)文件

目的：实现一键自动化部署，上传的目的
便于区分，创建了***nginx-setup.sh*** 文件，文件内容如下所示：

#采用docker nginx打包方式
# 项目初始部署和发布docker镜像脚本
![在这里插入图片描述](https://img-# 项目初始部署和发布docker镜像脚本
project_version='theme-web-1.0.0';
project_name='theme-web-1.0.0';
docker_project_name='docker hub登录名称/first-project';

d=