五分钟带你玩转docker（八）实战！极简的nginx安装及vue项目部署，另附nginx配置，楼主亲测

1.查看镜像

docker search nginx  
 

2.拉取镜像

 docker pull nginx 
 

3.查看镜像

docker images
 

4.运行镜像（需要将dist放于/usr/local/nginx/system中）

docker run --name nginx -d -p 80:80 --net=host -v /usr/local/nginx/conf/nginx.conf:/etc/nginx/nginx.conf  -v /usr/local/nginx/log:/var/log/nginx  -v /usr/local/nginx/system:/usr/share/nginx/system nginx
 

参数讲解：（ps 宿主机的文件夹需要新建）

  

   

    

     

    
    

     

      docker run --name nginx：容器名称
     
    
   

    

     

    
    

     

       -d -p 80:80 
     
    
   

    

     

    
    

     

       --net=host：以host方式启动
     
    
   

    

     

    
    

     

       -v /usr/local/nginx/conf/nginx.conf:/etc/nginx/nginx.conf ：宿主机的/usr/local/nginx/conf/nginx.conf文件映射到容器的/etc/nginx/nginx.conf 实际是以/usr/local/nginx/conf/nginx.conf为配置文件启动
     
    
   

    

     

    
    

     

       -v /usr/local/nginx/log:/var/log/nginx ：宿主机/usr/local/nginx/log映射到容器的/var/log/nginx 存放log日志 与nginx搭配使用
     
    
   

    

     

    
    

     

       -v /usr/local/nginx/system:/usr/share/nginx/system ：宿主机/usr/local/nginx/system文件夹与容器/usr/share/nginx/system映射，将vue的dist文件放入/usr/local/nginx/system，容器中nginx.conf指定跳转的目录为/usr/share/nginx/system
     
    
   

    

     

    
    

     

      nginx 镜像名称
     
    
  
 

上面的映射的流程是 在启动时 /usr/local/nginx/conf/nginx.conf会复制到/etc/nginx/nginx.conf中

5.nginx配置

  

   

    

     

    
    

     

      worker_processes  1;
     
    
   

    

     

    
    

     
 
     
    
   

    

     

    
    

     

      events {
     
    
   

    

     

    
    

     
    worker_connections  1024;
     
    
   

    

     

    
    

     

      }
     
    
   

    

     

    
    

     
 
     
    
   

    

     

    
    

     
 
     
    
   

    

     

    
    

     

      http {
     
    
   

    

     

    
    

     
    include       mime.types;
     
    
   

    

     

    
    

     
    default_type  application/octet-stream;
     
    
   

    

     

    
    

     
 
     
    
   

    

     

    
    

     
 
     
    
   

    

     

    
    

     
    #指定日志路径 
     
    
   

    

     

    
    

     
    access_log /var/log/nginx/access.log; 
     
    
   

    

     

    
    

     
    error_log /var/log/nginx/error.log;
     
    
   

    

     

    
    

     
 
     
    
   

    

     

    
    

     
    sendfile        on;
     
    
   

    

     

    
    

     
 
     
    
   

    

     

    
    

     
    keepalive_timeout  65;
     
    
   

    

     

    
    

     
 
     
    
   

    

     

    
    

     
    server {
     
    
   

    

     

    
    

     
        listen       80;
     
    
   

    

     

    
    

     
        server_name  localhost;
     
    
   

    

     

    
    

     
 
     
    
   

    

     

    
    

     
        #charset koi8-r;
     
    
   

    

     

    
    

     
 
     
    
   

    

     

    
    

     
        #access_log logs/host.access.log main;
     
    
   

    

     

    
    

     
 
     
    
   

    

     

    
    

     
        location ^~/system { #当访问路径为 ip/system时 会访问/usr/share/nginx/system/dist下的静态文件 然后静态文件会调用接口 ajax完成
     
    
   

    

     

    
    

     
	            alias /usr/share/nginx/system/dist; #指定dist文件存放路径
     
    
   

    

     

    
    

     
            	index index.html;
     
    
   

    

     

    
    

     
		        try_files $uri $uri/ /system/index.html;
     
    
   

    

     

    
    

     

              }
     
    
   

    

     

    
    

     
 
     
    
   

    

     

    
    

     
        error_page   500 502 503 504  /50x.html;
     
    
   

    

     

    
    

     
        location = /50x.html {
     
    
   

    

     

    
    

     
            root   html;
     
    
   

    

     

    
    

     

              }
     
    
   

    

     

    
    

     

          }
     
    
   

    

     

    
    

     

      }
     
    
  
 

文章来源: baocl.blog.csdn.net，作者：小黄鸡1992，版权归原作者所有，如需转载，请联系作者。

原文链接：baocl.blog.csdn.net/article/details/116017344