docker打包部署vue项目

Docker 是一个开源的应用容器引擎，可以帮助开发者将应用程序和依赖包打包到一个可移植的容器中。以下是使用 Docker 打包部署 Vue 项目的步骤：

1. 首先，你需要在项目的根目录下创建一个 Dockerfile 文件。这个文件用来描述如何构建 Docker 镜像。

2. 在 Dockerfile 文件中，你可以使用基于 Node.js 的镜像作为基础镜像。比如可以使用官方提供的 node:latest 镜像。

3. 接下来，你需要将项目的代码复制到容器中。可以使用 COPY 命令将项目的代码复制到容器的指定目录。

4. 如果你的 Vue 项目依赖于一些包，你可以使用 npm install 命令来安装这些包。可以将这个命令写在 Dockerfile 文件中。

5. 在 Dockerfile 文件的最后，你可以使用 CMD 命令来指定容器启动时执行的命令。可以使用 npm run serve 命令来启动 Vue 项目。

6. 然后，你需要在终端中使用命令 `docker build -t your_image_name .` 来构建镜像。这个命令会根据 Dockerfile 文件构建一个镜像，并为镜像指定一个名称。

7. 最后，你可以使用命令 `docker run --name your_container_name -d -p your_host_port:your_container_port your_image_name` 来运行容器。这个命令会在后台运行一个容器，并将容器的指定端口映射到主机的指定端口。