nginxのバーチャルホストを使い、server_nameのurlを利用したい

Question

nginxでローカルサーバをたてバーチャルホストを使い、server_nameのurlを利用したいのですがうまくいきません。

概要

server_nameのurl　http://practice.local/　で以下のエラーがでる。

This site can’t be reached

practice.local’s server IP address could not be found.

http://localhost/
または
http://127.0.0.1/
では問題なくindex.html表示される。

試したこと

1.デフォルトのnginx.confのhttp{　}内に以下を追加。

include /usr/local/etc/nginx/conf.d/*.conf;

2.デフォルトのdefault.confをconf.d/にコピーしてserver{　}内のrootを変更。
※server_nameはデフォルトのまま practice.localを利用。

root /Users/user-name/projects/project-name;

下記に開発環境と設定ファイル記載します。
ご教授のほどどうぞお願い致します。

開発環境

mac homebrewでnginx/1.19.0　を利用。

設定

nginx.conf

worker_processes  1;

events {
    worker_connections  1024;
}

http {
    include       mime.types;
    default_type  application/octet-stream;
    include /usr/local/etc/nginx/conf.d/*.conf;

    sendfile        on;
    keepalive_timeout  65;

    server {
        listen       8080;
        server_name  localhost;

        location / {
            root   html;
            index  index.html index.htm;
        }

        error_page   500 502 503 504  /50x.html;
        location = /50x.html {
            root   html;
        }
    }
    include servers/*;
}

---

/conf.d/default.conf

server {
    listen       80;
    server_name  practice.local;
    
    root /Users/user-name/projects/project-name;
    index  index.php index.html index.htm;

    rewrite ^/(.*)/$ /$1 permanent;

    error_page  404              /404.html;
    error_page   500 502 503 504  /50x.html;
    location = /50x.html {
        root   html;
    }

    location = /favicon.ico {
        log_not_found off;
        access_log off;
    }
    location ~ .php$ {
        if ( -e $request_filename){
            rewrite ^/(.*)/$ /index.php?_route_=$1 last;
        }
        fastcgi_param  SCRIPT_FILENAME  $document_root$fastcgi_script_name;
        include        fastcgi_params;
        fastcgi_pass   127.0.0.1:9000;
        fastcgi_split_path_info ^(.+.php)(/.+)$;
        fastcgi_buffers 16 16k;
        fastcgi_buffer_size 32k;
    }
}

※コメントアウト部分は削除しています。

Answer 1

nginxの問題ではなく、WEBブラウザにおけるpractice.localと言うホスト名からIPアドレスへの変換の問題です。具体的にはお使いのOSのhostsファイルに127.0.0.1 practice.local のように記述を追加し、practice.localと言うホスト名でIPアドレスに解決できるようにします。hostsファイルに関しては別途検索してみてください。

Comments

[Porco]

その方法で表示されました！
具体的に書いていただきありがとうございます。
hostsファイルの存在自体を知らなかったのでとても助かりました。