当前位置：首页 > article >正文

Windows Docker玩转Nginx，从零配置到自定义欢迎页

article 2025/3/4 8:11:52

一、前言

在当今数字化时代，Web 应用的开发与部署变得愈发重要，而 Nginx 作为一款高性能的 Web 服务器和反向代理服务器，被广泛应用于各种场景。Docker 则是一种流行的容器化平台，能够帮助开发者轻松地创建、部署和运行应用程序。

本文将详细介绍如何在 Windows 环境下使用 Docker Desktop 安装 Nginx，让你快速搭建起属于自己的 Web 服务环境

‍

二、环境准备

Windows 10 64位（专业版/企业版/教育版）或 Windows 11
启用Hyper-V虚拟化（部分版本需要）
推荐使用WSL 2后端（Windows Subsystem for Linux 2）
安装 Docker Desktop（具体安装可参考之前文章：Windows安装Docker Desktop，详细步骤 https://blog.csdn.net/qq_17153885/article/details/141337873?spm=1001.2014.3001.5501）

‍

三. 拉取 Nginx 镜像

在安装和配置好 Docker Desktop 后，我们需要拉取 Nginx 的 Docker 镜像：

打开 Windows PowerShell 或命令提示符（CMD）。
输入以下命令拉取 Nginx 镜像：
```
docker pull nginx
```
该命令将从 Docker Hub 下载最新的 Nginx 镜像。

‍

四. 运行 Nginx 容器

成功拉取 Nginx 镜像后，可以启动一个 Nginx 容器：

1.运行以下命令：

docker run --name mynginx -p 8080:80 -d nginx

解析命令参数：

--name mynginx：为容器指定一个名称为 mynginx。
-p 8080:80：将主机的 8080 端口映射到容器的 80 端口。（将容器的 80 端口映射到主机的 8080 端口，这样我们就可以通过主机的 8080 端口访问 Nginx 服务）
-d：以后台模式运行容器。
nginx：指定要运行的镜像。

‍

2.成功启动后，您可以使用以下命令查看正在运行的容器：

docker ps

‍

五、访问 Nginx 服务

现在，您可以通过浏览器访问 Nginx 服务。打开浏览器并输入以下 URL：

http://localhost:8080

应该能看到 Nginx 欢迎页面，表示 Nginx 正在正常运行。

‍

六、拓展—容器管理

6.1 Nginx安装目录查看

在 Docker 中，Nginx 的安装目录通常是在容器内的 /usr/share/nginx/html。您可以通过以下步骤找到 Nginx 的安装目录：

获取 Nginx 容器的 ID 或名称：
如果您已经运行了 Nginx 容器，可以使用以下命令查看正在运行的容器列表：
```
docker ps
```
找到您要查看的 Nginx 容器的名称或 ID。

‍
进入 Nginx 容器：
使用 docker exec 命令进入 Nginx 容器的终端。假设您的容器名称是 mynginx，可以运行以下命令：
```
docker exec -it mynginx /bin/bash
```
或者，如果容器使用的是 Alpine 作为基础镜像，可能需要使用 sh：
```
docker exec -it mynginx /bin/sh
```
‍
查找 Nginx 的安装目录：
一旦进入容器终端，您可以使用以下命令来显示 Nginx 的安装目录：
```
ls /usr/share/nginx/
```
这样您就能看到默认的 html 目录，在这里您可以放置您的静态文件。

下面有html文件

默认Nginx欢迎页面——index.html文件

‍
查看 Nginx 配置文件：
Nginx 的配置文件通常位于 /etc/nginx/ 目录。您可以通过以下命令查看该目录内容：
```
ls /etc/nginx/
```
配置文件 nginx.conf 就在这里。
退出容器：
使用 exit 命令可以退出容器的终端。

‍

通过这些步骤，您就可以找到 Nginx 在 Docker 容器中的安装目录以及相关配置文件的位置。

‍

6.2 Nginx修改欢迎页面

Nginx默认欢迎页面，进行修改。类似，实际项目中，替换需要的Web首页，即可让用户看到。

进入容器

进入正在运行的 Nginx 容器，以便修改其内部文件，使用以下命令获得终端访问：

docker exec -it mynginx /bin/bash

‍

找到并修改 `index.html` 文件

在容器内，Nginx 自带的 index.html 文件位于 /usr/share/nginx/html/ 目录。您可以使用 vi、nano 或者 echo 命令来编辑或替换这个文件。

以下是修改文件的步骤：

查看现有的 index.html 文件（可选）：
```
cat /usr/share/nginx/html/index.html
```
修改 index.html 文件：
您可以使用 echo 命令简单地替换内容：

echo '<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>欢迎页面</title>
</head>
<body>
    <h1>欢迎访问 技海拾贝 网站!</h1>
</body>
</html>' > /usr/share/nginx/html/index.html