Docker最佳实践（五）：安装Nginx

大家好，欢迎各位工友。 本篇呢我们就来演示一下如何在Docker中部署nginx容器，可以按照以下步骤进行：

步骤概述

1. 下载 Nginx 镜像：使用 docker pull nginx 命令下载最新的 Nginx 镜像。

2. 创建挂载目录：在宿主机上创建用于挂载的目录，包括配置文件目录、站点目录和日志目录。

# 配置文件目录
mkdir -p /kim/nginx/conf
# 站点目录
mkdir -p /kim/nginx/html
# nginx日志目录
mkdir -p /kim/nginx/log
# 递归赋予文件夹读写执行权限
chmod -R 777 /kim/nginx

1. 复制配置文件：由于宿主机可能缺少 Nginx 配置文件，需要先运行一个简单的 Nginx 容器，然后将配置文件复制到宿主机中。

   • 启动容器：docker run --name nginx -p 8080:80 -d nginx

   • 复制配置文件到宿主机：

     docker cp nginx:/etc/nginx/nginx.conf /kim/nginx/conf/nginx.conf
     docker cp nginx:/etc/nginx/conf.d /kim/nginx/conf/conf.d
     docker cp nginx:/usr/share/nginx/html /kim/nginx
     

2. 删除简单的容器：删除刚才运行的简单 Nginx 容器：docker rm -f nginx

3. 运行容器并进行挂载：使用以下命令运行 Nginx 容器，并进行挂载：

   docker run -d -p 8080:80 --name nginx --restart=always \
   -v /kim/nginx/conf/nginx.conf:/etc/nginx/nginx.conf \
   -v /kim/nginx/conf/conf.d:/etc/nginx/conf.d \
   -v /kim/nginx/log:/var/log/nginx \
   -v /kim/nginx/html:/usr/share/nginx/html \
   nginx
   

4. 访问首页：通过浏览器使用 http://IP:8080 访问 Nginx 默认页面。
   

5. 部署 Vue 项目：将 Vue 项目中打包生成的 dist 文件夹内容拷贝到与 Nginx 的站点目录相映射的文件夹中，或解压到 html 文件夹中并修改 Nginx 配置文件以指向 dist 文件夹。

注意事项

• 确保权限正确设置，特别是挂载目录的权限。
• 根据实际情况修改端口映射和目录路径。
• 在部署 Vue 项目时，确保配置正确以正确映射静态资源。

以上是对在 Docker 中部署 Nginx 并挂载配置文件和站点目录到宿主机上的简要介绍和步骤概述。如有需要，可按照详细步骤进行操作。