docker 部署vue项目

要将 Vue 项目部署到 Docker 中，需要以下步骤：

1. 确保你已经安装了 Docker。

2. 在项目根目录下创建一个 Dockerfile 文件，内容如下：

   # 基础镜像
   FROM nginx

   # 复制项目
   COPY dist/ /usr/share/nginx/html/

   # 开放 80 端口
   EXPOSE 80

这里使用的是官方的 Nginx 镜像作为基础镜像，然后将项目打包好的 dist 目录复制到镜像的 /usr/share/nginx/html/ 目录下，最后开放 80 端口。

3. 在项目根目录下执行以下命令构建镜像：

   docker build -t my-vue-app .

这里将镜像命名为 my-vue-app，注意后面的 . 表示当前目录。

4. 执行以下命令启动容器：

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

这里将容器的 80 端口映射到主机的 8080 端口上，可以通过 http://localhost:8080 访问 Vue 应用。

5. 如果需要停止容器，可以执行以下命令：

   docker stop 容器ID

其中容器ID可以通过以下命令查看：

   docker ps

如果需要删除容器，可以执行以下命令：

   docker rm 容器ID

如果需要删除镜像，可以执行以下命令：

   docker rmi 镜像ID

其中镜像ID可以通过以下命令查看：

   docker images

希望以上步骤可以帮助你成功部署 Vue 项目到 Docker 中。