docker 部署web 项目

创建一个包含 ElementUI 应用程序代码的目录，并将 ElementUI 项目代码放入其中。

在该目录下创建一个名为 Dockerfile 的文件，内容如下：

# 使用官方的 Node 镜像作为基础镜像
FROM node:14

# 设置工作目录
WORKDIR /app

# 复制 package.json 和 package-lock.json 到工作目录
COPY package*.json ./

# 安装依赖
RUN npm install

# 复制所有文件到工作目录
COPY . .

# 构建生产环境下的 ElementUI 应用
RUN npm run build

# 指定 Nginx 镜像作为最终镜像
FROM nginx

# 将 ElementUI 应用程序构建结果复制到 Nginx 的默认静态文件目录
COPY --from=0 /app/dist /usr/share/nginx/html

在该目录下执行以下命令，使用 Dockerfile 构建 Docker 镜像：

docker build -t my-elementui-app .

其中 my-elementui-app 是你为该镜像指定的名称，可以根据需要进行修改。

构建完成后，使用以下命令运行该镜像：

docker run -d -p 8080:80 my-elementui-app

这会在 Docker 中启动一个运行 ElementUI 应用程序的容器，并将容器的 80 端口映射到宿主机的 8080 端口上。