使用 Docker 运行前端项目：从 Dockerfile 到容器部署

本文将介绍如何使用 Docker 运行一个已经打包好的前端项目。假设您已经拥有一个前端项目的打包目录（例如 dist）以及一个包含构建指令的 Dockerfile。以下步骤将引导您将该项目部署到 Docker 容器中。

1. 安装 Docker

首先，您需要安装 Docker。您可以在 Docker 官网下载对应操作系统的安装包进行安装。

2. 创建 Dockerfile

在前端项目的根目录下创建一个名为 Dockerfile 的文件，并填入以下内容：

# 使用一个已有的镜像作为基础
FROM nginx:latest

# 将本地文件夹中的文件复制到容器中的指定位置
COPY dist/ /usr/share/nginx/html/

# 暴露容器的 80 端口
EXPOSE 80

# 容器启动时执行的命令
CMD ['nginx', '-g', 'daemon off;']

其中，dist/ 是前端项目打包后生成的文件夹，需要将该文件夹复制到容器中的指定位置 /usr/share/nginx/html/。

3. 构建镜像

在命令行中进入到 Dockerfile 所在的目录，执行以下命令构建镜像：

docker build -t my-frontend .

-t 参数指定镜像的名称，my-frontend 为自定义的名称，可以根据需要进行修改。

4. 运行容器

构建完成后，执行以下命令运行容器：

docker run -d -p 80:80 my-frontend

-d 参数表示容器在后台运行，-p 参数将容器的 80 端口映射到主机的 80 端口，my-frontend 为之前构建的镜像名称。运行完成后，在浏览器中访问 http://localhost 即可查看前端页面。