### 如何在 Docker 中使用 Nginx 部署前端应用程序 要在 Docker 中使用 Nginx 部署前端应用程序，可以按照以下方法操作： #### 准备工作 确保已经安装并配置好 Docker 环境。如果未启动 Docker 服务，可以通过以下命令启动它[^3]： ```bash systemctl start docker ``` 验证 Docker 是否正常运行： ```bash systemctl status docker ``` #### 创建 Nginx 容器 拉取最新的 Nginx 官方镜像[^2]: ```bash docker pull nginx ``` 或者下载特定版本的 Nginx 镜像（替换 `xxx` 为所需的具体版本号）: ```bash docker pull nginx:xxx ``` #### 构建前端项目 构建前端项目的静态资源文件，通常会生成一个名为 `dist` 的目录[^5]。该目录包含了 HTML、CSS 和 JavaScript 文件。 假设您的前端项目已成功构建，并且其静态文件位于本地路径 `/path/to/dist/` 下，则需要将其挂载到 Nginx 容器内的默认 Web 根目录 `/usr/share/nginx/html` 上。 #### 运行容器 通过以下命令创建并运行一个新的 Nginx 容器，同时将本地的 `dist` 目录映射至容器内部的 `/usr/share/nginx/html` 路径上： ```bash docker run --name my-nginx -v /path/to/dist:/usr/share/nginx/html:ro -p 80:80 -d nginx ``` 解释上述命令参数的意义如下： - `--name my-nginx`: 给容器命名。 - `-v /path/to/dist:/usr/share/nginx/html:ro`: 将主机上的 `/path/to/dist` 映射到容器中的 `/usr/share/nginx/html` 并设置为只读模式。 - `-p 80:80`: 将宿主机的端口 80 映射到容器的端口 80。 - `-d`: 后台运行容器。 - `nginx`: 使用的基础镜像是 Nginx。 #### 访问前端应用 打开浏览器，在地址栏输入服务器 IP 地址或域名即可访问部署好的前端应用。 #### 停止和移除容器 当不再需要运行的容器时，可停止并删除它[^4]： 停止容器： ```bash docker stop my-nginx ``` 删除容器： ```bash docker rm my-nginx ``` 如果希望强制删除正在运行的容器，执行以下命令： ```bash docker rm -f my-nginx ``` --- ### 注意事项 1. 如果修改了前端代码并重新构建了新的静态文件，请记得重启 Nginx 容器以使更改生效: ```bash docker restart my-nginx ``` 2. 若遇到权限问题或其他错误，需检查本地文件系统的权限以及 Docker 日志记录来排查原因。 ---