docker nginx部署前端项目

 阅读大约需要2分钟

docker安装nginx

执行如下命令:

$ docker pull nginx
Using default tag: latest
latest: Pulling from library/nginx
Digest: sha256:10b8cc432d56da8b61b070f4c7d2543a9ed17c2b23010b43af434fd40e2ca4aa
Status: Image is up to date for nginx:latest
docker.io/library/nginx:latest

拉取nginx最新镜像文件

运行nginx容器

$ docker run -d -p 8080:80 --name nginx nginx
949d037cddea664d342a5a138d64dd964e2708d328f8a406b1c7f355d7423320

docker run -d 表示后台运行

-p 80:80 第一个80是宿主机的端口,第二个是容器的端口,nginx容器中默认监听的是80端口

–name nginx 表示容器的名称

最后的一个nginx 表示镜像

之后在浏览器中输入http://localhost:8080/ 就可以访问到nginx的欢迎页面

进入到nginx容器中,执行如下命令

$ docker exec -it nginx bash

在nginx容器中执行 cat /etc/nginx/conf.d/default.conf

# cat /etc/nginx/conf.d/default.conf
server {
    listen       80;
    listen  [::]:80;
    server_name  localhost;

    #charset koi8-r;
    #access_log  /var/log/nginx/host.access.log  main;

    location / {
        root   /usr/share/nginx/html;
        index  index.html index.htm;
    }

    #error_page  404              /404.html;

    # redirect server error pages to the static page /50x.html
    #
    error_page   500 502 503 504  /50x.html;
    location = /50x.html {
        root   /usr/share/nginx/html;
    }

    # proxy the PHP scripts to Apache listening on 127.0.0.1:80
    #
    #location ~ \.php$ {
    #    proxy_pass   http://127.0.0.1;
    #}

    # pass the PHP scripts to FastCGI server listening on 127.0.0.1:9000
    #
    #location ~ \.php$ {
    #    root           html;
    #    fastcgi_pass   127.0.0.1:9000;
    #    fastcgi_index  index.php;
    #    fastcgi_param  SCRIPT_FILENAME  /scripts$fastcgi_script_name;
    #    include        fastcgi_params;
    #}

    # deny access to .htaccess files, if Apache's document root
    # concurs with nginx's one
    #
    #location ~ /\.ht {
    #    deny  all;
    #}
}

可以看到nginx监听的是80端口。

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

docker cp 复制nginx容器中/etc/nginx/conf.d/default.conf文件到宿主机命令行执行目录。 之后在宿主机上修改nginx监听端口为8080,之后在复制到nginx容器。

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

重启nginx容器

$ docker restart nginx

之后发现在宿主机浏览器中无法访问nginx了,因为nginx的监听端口已经变为8080了。 停止执行nginx容器

$ docker stop nginx
$ docker ps -a
CONTAINER ID   IMAGE     COMMAND                  CREATED          STATUS                          PORTS     NAMES
949d037cddea   nginx     "/docker-entrypoint.…"   22 minutes ago   Exited (1) About a minute ago             nginx

删除nginx容器

$ docker rm 949d037cddea

运行nginx容器,nginx容器的端口变为8080。

$ docker run -d -p 8080:8080 --name nginx nginx
949d037cddea664d342a5a138d64dd964e2708d328f8a406b1c7f355d7423320

重新运行nginx容器,监听端口变为80。重新复制文件,重启nginx容器

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

重启nginx容器

$ docker restart nginx

之后nginx容器访问正常。 宿主机和容器之间来回复制文件是非常麻烦的,docker run -v 命令可以创建一个挂载,把宿主机路径挂载到容器中的路径。

$ docker run -d -p 8080:8080 -v /home/user/default.conf:/etc/nginx/conf.d/default.conf 
-v /home/user/dist:/usr/share/nginx/html --name nginx nginx

-v 后面的路径采用绝对路径

采用挂载的方式,完成了前端的项目发布到nginx容器。