[ Docker / nginx / laravel ] 404 Not Found nginx/1.18.0 と表示されてしまう

Question

前提・実現したいこと

laravel / docker / nginx / conoha VPS
本番環境で画面を表示させたい。

http://160.251.20.102/

発生している問題・エラーメッセージ

404 Not Found
nginx/1.18.0

該当のソースコード

nginx側で、laravelのページを正しく読み込めていないエラーと認識しております。
そのため、nginx/default.confのソースコードを記述させていただきます。
また、念の為、docker-compose.ymlのソースコードも記述しておきます。

# /root/work/sample/infra/nginx/default.conf

server {
    listen 80;
    server_name sample.site 160.251.20.102;
    root /root/work/sample/backend/public;
    index index.html index.php;

    add_header X-Frame-Options "SAMEORIGIN";
    add_header X-XSS-Protection "1; mode=block";
    add_header X-Content-Type-Options "nosniff";

    charset utf-8;

    location / {
        #root /root/work/sample/backend/public;
        #index index.html index.php;
        try_files $uri $uri/ /index.php?$query_string;
    }

    location = /favicon.ico { access_log off; log_not_found off; }
    location = /robots.txt  { access_log off; log_not_found off; }

    error_page 404 /index.php;

    location ~ .php$ {
        try_files $uri =404;
        fastcgi_pass app:9000;
        fastcgi_param SCRIPT_FILENAME $realpath_root$fastcgi_script_name;
        include fastcgi_params;
    }

    location ~ /.(?!well-known).* {
        deny all;
    }
}

# /root/work/sample/docker-compose.yml

version: "3.12"
services:
    app:
        build: ./infra/php
        volumes:
        - ./backend:/work

    # ウェブサーバーコンテナを作る
    web:
        #build: ./infra/nginx
        image: nginx:1.18-alpine
        ports:
            - 80:80
        volumes:
            - ./backend:/work
            - ./infra/nginx/default.conf:/etc/nginx/conf.d/default.conf
        working_dir: /work

    # 追記
    db:
        build: ./infra/mysql
        volumes:
            - db-store:/var/lib/mysql
            - ./my.cnf:/infra/mysql/my.cnf
        command: mysqld --character-set-server=utf8 --collation-server=utf8_unicode_ci

    mysql:
        image: mysql:8.0.22
        command: mysqld --character-set-server=utf8 --collation-server=utf8_unicode_ci
        restart: always
        environment:
            - MYSQL_DATABASE=moreclo
            - MYSQL_USER=user
            - MYSQL_PASSWORD=password
            - MYSQL_ROOT_PASSWORD=password
        ports:
            - 3306:3306
        # volumes:
        #     # 初期データを投入するSQLが格納されているdir
        #     - ./db/mysql_init:/docker-entrypoint-initdb.d
        #     # 永続化するときにマウントするdir
        #     - ./db/mysql_data:/var/lib/mysql
        # tty: true

volumes:
    db-store:

試したこと

1.dockerの再起動

docker-compose down
docker-compose up -d

2.default.confのserver rootの確認

指定しているディレクトリは正しいかどうかを確認しました。
root /root/work/sample/backend/public;

/root/work/sample/backend/public
README.md  README.md.orig  backend  docker-compose.yml  index.html  infra  my.cnf  package-lock.json


/root/work/sample/backend/public/infra
mysql  nginx  php

/root/work/sample/backend/public
README.md  bootstrap      config        package-lock.json  public     server.php  vendor
app        composer.json  database      package.json       resources  storage     webpack.config.js
artisan    composer.lock  node_modules  phpunit.xml        routes     tests       webpack.mix.js

補足情報（FW/ツールのバージョンなど）

Laravel 8.29.0
docker 20.10.3
nginx 1.18.0

Answer 1

以下で解決しました。
rootの設定が誤っていたようです。

# default.conf

+ root /work/public;
- root /root/work/sample/backend/public;

Answer 2

まずはWEBサーバが入ってるコンテナにあると思われるnginxのアクセスログやエラーログを見てください。404なら何かしら出ているはずです。そこにおそらくフルパスで存在しないと思われるファイル名が記載されているはずですから、そのファイルが実在するかどうかをまずは確認してください。nginxのDocument Rootのパスの設定、パーミッションなど、なにかしら間違っている可能性が高いです。/root以下にあるのであれば、rootユーザしかそのファイルに到達できないなどの可能性もあり、場合によっては404が出ることもあるかと思います。

この手の不具合に限らずですが、まずは色々出力されるログをしっかり確認することが大事です。

Comments

[nanami0221]

ご丁寧に有難うございます。
早速、確認してみます。
確認出来次第、ご報告させていただきます。

[nanami0221]

エラーログが見つからず、色々操作していたら、以下で解決しました。

# default.conf
+ root /work/public;
- root /root/work/more-clothing/backend/public;

お騒がせして申し訳ございません。