五分钟带你玩转docker(八)实战!极简的nginx安装及vue项目部署,另附nginx配置,楼主亲测

举报
小鲍侃java 发表于 2021/09/09 23:52:50 2021/09/09
3.4k+ 0 0
【摘要】 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...

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

【版权声明】本文为华为云社区用户转载文章,如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

作者其他文章

评论(0

抱歉,系统识别当前为高风险访问,暂不支持该操作

    全部回复

    上滑加载中

    设置昵称

    在此一键设置昵称,即可参与社区互动!

    *长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

    *长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。