【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 就可以解决此问题了。

  • 3
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
使用docker-compose启动nginx,你需要创建一个docker-compose.yml文件,并在其中指定nginx的相关配置。根据引用和引用的内容,你可以按照以下步骤进行操作: 1. 进入工作目录并创建docker-compose.yml文件: ``` cd /root/nginx vim docker-compose.yml ``` 2. 在docker-compose.yml文件中添加以下内容: ``` version: '3' services: nginx: image: nginx container_name: nginx restart: always ports: - 80:80 volumes: - ./config/nginx/:/etc/nginx - ./data/html:/usr/share/nginx/html - ./logs/:/var/log/nginx ``` 3. 保存并退出docker-compose.yml文件。 4. 启动nginx容器: ``` docker-compose up -d ``` 这样,你就可以使用docker-compose启动nginx容器了。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [docker-compose部署Nginx](https://blog.csdn.net/qq_14999375/article/details/123427710)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *2* *3* [docker-compsoe启动nginx](https://blog.csdn.net/weixin_43458965/article/details/129339011)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值