Docker部署Nginx&&发布前端dist包

冷不防 2024-04-01 18:47 22阅读 0赞

### 1下载镜像 ###

#选择了稳定版的1.22.0
    docker pull nginx:1.22.0
    
    
    docker images 看一下下载下来的镜像

![570a8ef451e14b20bc50752e3b4de2bb.png][]

### 2 创建挂载目录 ###

# 创建挂载目录
    mkdir -p /home/nginx/conf
    mkdir -p /home/nginx/log
    mkdir -p /home/nginx/html

### 3 创建nginx配置文件 ###

#启动前需要先创建Nginx外部挂载的配置文件（ /home/nginx/conf/nginx.conf）
    #之所以要先创建 , 是因为Nginx本身容器只存在/etc/nginx 目录 , 本身就不创建 nginx.conf 文件
    #当服务器和容器都不存在 nginx.conf 文件时, 执行启动命令的时候 docker会将nginx.conf 作为目录创建 , #这并不是我们想要的结果 。
    
    # 先启动容器
    docker run --name nginx -p 9001:80 -d nginx
    # 将容器nginx.conf文件复制到宿主机
    docker cp nginx:/etc/nginx/nginx.conf /home/nginx/conf/nginx.conf
    # 将容器conf.d文件夹下内容复制到宿主机
    docker cp nginx:/etc/nginx/conf.d /home/nginx/conf/conf.d
    # 将容器中的html文件夹复制到宿主机
    docker cp nginx:/usr/share/nginx/html /home/nginx/

### 4 放dist包并创建容器 ###

#先将之前的容器删除
    docker rm -f nginx
    
    #将dist文件夹放在服务器的/home/nginx/html/test 目录下，这样容器启动之后会将dist文件夹整个复制到容器里面
    
    #修改/home/nginx/conf/nginx.conf 配置文件，监听9001端口，注意此端口是容器内部端口，想要访问必须映射端口，目标文件夹则是容器内部之前我们挂载好的/usr/share/nginx/html/test/dist
    
    #最后生成容器
     docker run  --name nginx -p 8002:80 -p 9001:9001 -v /home/nginx/conf/nginx.conf:/etc/nginx/nginx.conf -v /home/nginx/conf/conf.d:/etc/nginx/conf.d -v /home/nginx/log:/var/log/nginx -v /home/nginx/html:/usr/share/nginx/html -d nginx:1.22.0

### 5 访问目标ip及端口，可以发现已经成功访问页面 ###

![3911d93a921f4469a118db9385176046.png][]

[570a8ef451e14b20bc50752e3b4de2bb.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/c0a25f50c5684131a2f5badde355e7a1.png
[3911d93a921f4469a118db9385176046.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/24188811aec74006a7993279f7272e74.png