一、使用 Docker 构建前端项目镜像：
- 下载安装 Docker Desktop
- 准备一个前端项目（vue/react）
- 在项目的根目录新建名为 Dockerfile 的文件
# 设置基础镜像
FROM nginx:latest# 复制项目文件
COPY dist/ /usr/share/nginx/html/# 配置Nginx
COPY default.conf /etc/nginx/conf.d/default.conf# 暴露端口
EXPOSE 80# 运行命令
CMD ["nginx", "-g", "daemon off;"]
# 可以将命令写入脚本文件中统一执行
# 比如 CMD ["./entrypoint.sh"]- 打开终端运行 Docker build 注意：以下的命令都是在Dockerfile所在的目录下执行）
docker build -t name:tag .
例：docker build -t demo:v0.0.1 .
注意：name:tag name 是你要构建的镜像名，tag 可设为版本号。最后的 . 代表你当前目录
- 启动容器
docker run -d -p 8080:80 --name name name:tag
例：docker run -d -p 8080:80 --name demo demo:v0.0.1
注意：name:tag 是你构建镜像时设置的镜像名和标签，8080:80 代表 将本地的 8080 端口 映射到容器的 80 端口，–name name 代表给你启动的容器起个名字
- 打开浏览器，访问 localhost:8080，页面正常，成功。
二、上传到镜像仓库：
- tag the image
docker tag name:tag Repository:tag
例：docker tag demo:v0.0.1 18001700016/demo:v0.0.1
注意：name:tag 是你构建镜像时设置的镜像名和标签，Repository:tag Repository 代表仓库地址, tag 可设为版本号
- push the image to the registry
docker push Repository:tag
例：docker push 18001700016/demo:v0.0.1
注意：Repository:tag 是第一步设置的
)
