docker 用nginx部署vue

要在Docker中部署Vue应用，可以使用Nginx作为静态文件服务器。以下是一些步骤：

1. 首先，在Vue项目根目录下，通过运行以下命令来构建生产环境的静态文件：

npm run build

这将生成一个`dist`目录，其中包含了打包好的静态文件。

2. 创建一个Dockerfile文件，并将以下内容复制到文件中：

FROM nginx
COPY dist/ /usr/share/nginx/html
EXPOSE 80
CMD ["nginx", "-g", "daemon off;"]

此Dockerfile使用`nginx`作为基础镜像，并将打包好的静态文件复制到`/usr/share/nginx/html`目录下。然后，它会将容器的80端口暴露出来，并启动Nginx服务器。

3. 构建Docker镜像。在终端中，进入Dockerfile所在的目录，并运行以下命令：

docker build -t vue-app .

此命令将根据Dockerfile构建一个名为`vue-app`的镜像。注意，最后的`.`表示Dockerfile位于当前目录。

4. 运行Docker容器。使用以下命令：

docker run -p 8080:80 vue-app

这将在本地的8080端口上运行容器，并将容器的80端口映射到本地。

现在，你可以通过访问`http://localhost:8080`来查看部署好的Vue应用。请确保你已经安装了Docker，并且在运行以上命令时，处于正确的工作目录下。