XAMPPで複数のサイトをローカルに作成するも切り替わらないです。

Question

前提・実現したいこと

XAMPPをインストール後、以下の様に複数のサイトを構築しようと思い
以下の手順で試しました

手順１）C:/xampp/htdocs/フォルダにsampleフォルダを作成し、その中にindex.htmlを作成

手順２）C:\Windows\System32\drivers\etc\hosts　に以下を追加修正

127.0.0.1 localhost sample.dev

手順３）C:\xampp\apache\conf\extra\httpd-vhosts.conf を以下の様に修正

NameVirtualHost *:80

<VirtualHost *:80>
    DocumentRoot "C:/xampp/htdocs/"
    ServerName localhost
</VirtualHost>

<VirtualHost *:80>
    DocumentRoot "C:/xampp/htdocs/sample"
    ServerName sample.dev
</VirtualHost>

手順４）XAMPコントロールパネルでApacheをStop後、Start

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

ブラウザ（Chrome）で http://sample.devを入力しても、C:/xampp/htdocs/sampleにあるindex.htmlが参照されずに、localhostのDocumentRootである「C:/xampp/htdocs/」が参照されてしまいます。
どこに問題があるのでしょうか？　ご教示いただければ助かります。

試したこと

試しにhttpd-vhosts.conf に以下を追加して、localhost:49002とすると、問題なく表示されます。

Listen 49002
<VirtualHost *:49002>
    DocumentRoot "C:/xampp/htdocs/sample/"
</VirtualHost>

Answer 1

おそらく sample.dev の指定が間違っています。

コマンド プロンプト上で
ping sample.dev
あるいは
tracert sample.dev
とコマンド実行した時に、
127.0.0.1ではなくふつうにDNSに問い合わせしているのではないでしょうか。

C:\Windows\System32\drivers\etc\hosts の記述は、

127.0.0.1 localhost
127.0.0.1 sample.dev

ではないでしょうか。

参照：【Apache】VirtualHostを使ってみよう - Qiita

Comments

[Yasu0421]

ご回答いただきありがとうございます。
ご指摘いただいた点、記載しておらず申し訳ございません
ping sample.devでは、127.0.0.1に送信しておりました。
また、
127.0.0.1 localhost　sample.dev　
と記載しておりますが、
127.0.0.1 localhost
127.0.0.1 sample.dev
で試しており、やはりDocument Root指定先だけが
設定とおりにならない状況です。