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容器。