1. 程式人生 > >【081】使用Nginx的官方Docker映象,啟動容器後無法顯示自己網站頁面,總顯示Nginx官方預設頁面的問題的解決方法

【081】使用Nginx的官方Docker映象,啟動容器後無法顯示自己網站頁面,總顯示Nginx官方預設頁面的問題的解決方法

問題重現

自己編寫一個 index.html 檔案。index.html的內容任意,在本文不做過多討論。在宿主機上建立如下目錄結構:

/your/path/front
   ├─config
   │   └─nginx.conf
   │
   └─projects
        └─index.html

其中 nginx.conf 是配置檔案。

nginx.conf 內容如下:

user  nginx;
worker_processes  1;

error_log  /var/log/nginx/error.log warn;
pid        /var/run/nginx.pid;
worker_rlimit_nofile 100000
; events { worker_connections 2048; multi_accept on; } http { include /etc/nginx/mime.types; default_type application/octet-stream; log_format main '$remote_addr - $remote_user [$time_local] "$request" ' '$status $body_bytes_sent "$http_referer" ' '"$http_user_agent"
"$http_x_forwarded_for"'; # access_log /var/log/nginx/access.log main; sendfile on; #tcp_nopush on; #gzip on; include /etc/nginx/conf.d/*.conf; server_tokens off; tcp_nopush on; tcp_nodelay on; access_log off; error_log /var/log/nginx/error.log crit; keepalive_timeout 10
; client_header_timeout 10; client_body_timeout 10; reset_timedout_connection on; send_timeout 10; limit_conn_zone $binary_remote_addr zone=addr:5m; limit_conn addr 100; charset UTF-8; gzip on; gzip_disable "msie6"; gzip_proxied any; gzip_min_length 1000; gzip_comp_level 6; gzip_types text/plain text/css application/json application/x-javascript text/xml application/xml application/xml+rss text/javascript; open_file_cache max=100000 inactive=20s; open_file_cache_valid 30s; open_file_cache_min_uses 2; open_file_cache_errors on; include /etc/nginx/sites-enabled/*; server { listen 80; server_name 50.50.50.50; location / { root '/your/path/front/projects/dist'; try_files $uri $uri/ /index.html =404; } } }

建立 nginx 的容器:

docker run --name nginx \
-v /your/path/front/config/nginx.conf:/etc/nginx/nginx.conf:ro \
-v /your/path/front/projects/dist:/your/path/front/projects/dist \
--restart=always \
-p 80:80 -d nginx:1.13

重啟docker容器:

docker restart nginx

然後使用 curl 訪問 127.0.0.1 效果如下:

# curl 127.0.0.1
<!DOCTYPE html>
<html>
<head>
<title>Welcome to nginx!</title>
<style>
    body {
        width: 35em;
        margin: 0 auto;
        font-family: Tahoma, Verdana, Arial, sans-serif;
    }
</style>
</head>
<body>
<h1>Welcome to nginx!</h1>
<p>If you see this page, the nginx web server is successfully installed and
working. Further configuration is required.</p>

<p>For online documentation and support please refer to
<a href="http://nginx.org/">nginx.org</a>.<br/>
Commercial support is available at
<a href="http://nginx.com/">nginx.com</a>.</p>

<p><em>Thank you for using nginx.</em></p>
</body>
</html>

也就是說,新上傳的 index.html 沒有正常返回。返回的是Nginx預設歡迎頁。

問題原因

Nginx的docker容器中,有一個預設配置檔案 /etc/nginx/nginx.conf 。還有一個預設放配置檔案的目錄 /etc/nginx/conf.d。nginx 會載入目錄conf.d 下的 *.conf 檔案。如果這些 .conf 檔案的內容和 /etc/nginx/nginx.conf 檔案有衝突,那麼nginx會預設用 conf.d 目錄下的檔案配置去覆蓋 nginx.conf 檔案裡面的配置。nginx 容器的 conf.d 目錄下有個 default.conf 配置檔案。
可以看一下這個檔案內容:

default.conf

server {
    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;
    #}
}

這個檔案也是監聽80埠。與宿主機上的配置檔案有衝突,按照資料卷的配置,就是和容器內的 /etc/nginx/nginx.conf 配置檔案有衝突。因此 default.conf 檔案的配置會覆蓋掉你的網站的配置。解決方法就是刪除 default.conf

解決方法

進入正在執行的Nginx docker容器:

docker exec -it nginx bash

刪除 /etc/nginx/conf.d/default.conf 檔案

cd /etc/nginx/conf.d
rm -rf default.conf

執行 exit 退出容器。在宿主機上執行命令 docker restart nginx 就可以解決此問題了。