docker创建nginx容器--部署vue项目

一、docker pull nginx                                                                   //(拉取nginx镜像)

二、docker run -di --name=nginx-test -p 8080:80  nginx            // (创建一个临时容器--为了方便复制配置文件)

三、mkdir  -p  /usr/local/docker-nginx-data-dir/www  /usr/local/docker-nginx-data-dir/logs   /usr/local/docker-nginx-data-dir/conf

                                 //创建三个挂载的文件夹（①：站点根目录-www ②：日志目录-logs ③：配置文件目录-conf）

四、docker   cp   容器ID:/etc/nginx/nginx.conf   /usr/local/docker-nginx-data-dir/conf/

                        //把容器内的配置文件复制到挂载目录中

五、docker stop 容器ID    //停止容器 

六、docker rm  容器ID      //删除容器

七、docker run -di --name=nginx  -p 80:80 -v /usr/local/docker-nginx-data-dir/www:/usr/share/nginx/html -v /usr/local/docker-nginx-data-dir/conf/nginx.conf:/etc/nginx/nginx.conf -v /usr/local/docker-nginx-data-dir/logs:/var/log/nginx  nginx

                //创建挂载的新容器

八、浏览器访问：IP

        

九、打包vue项目，查看package.json

        用npm run build:pord 打包

十、部署：项目目录生成dist这个目录--将目录内的所有文件拷贝到nginx的根目录下(www)

        

十一、浏览器打开测试:ip   成功！！！