docker安装nginx 部署ant design pro框架项目

直接进入主题，开始安装，以下都是傻瓜式的操作步骤：

一、docker pull nginx 拉取nginx镜像

二、执行docker run --name nginx-web -d -p 80:80 nginx 创建镜像

使用docker ps 查看运行nginx容器运行的ID 。 我这里是 dae13284eaba

三、将nginx容器内部配置文件挂载到主机

1.在主机/media目录下执行 mkdir -p ./nginx/{conf,html,logs}创建挂载目录

2.进入nginx目录将容器内的nginx.conf与default.conf文件分别拷贝到主机/media/nginx和/media/nginx/conf下，分别执行

docker cp dae13284eaba:/etc/nginx/nginx.conf ./

docker cp dae13284eaba:/etc/nginx/conf.d/default.conf ./conf/

3.执行docker stop dae13284eaba命令停止刚刚创建的nginx容器，然后执行docker rm dae13284eaba移除容器

4.执行 docker run -d -it -p 80:80 --name nginx-web -v /media/nginx/nginx.conf:/etc/nginx/nginx.conf -v /media/nginx/logs:/var/log/nginx -v /media/fronted-web/dist:/media/fronted-web/dist nginx 注：我这最后一个-v是映射项目编译好的dist目录

四、修改nginx.conf配置文件 vim nginx.conf编辑 注释掉include这一行，添加server这一段代码

五、重启nginx容器 。 docker restart nginx-web

六、浏览器访问 IP:80 出现界面即部署成功