Edgeでローカル環境の仮想ホストを表示させる方法

2019年2月22日 WEB制作トラブル解決

ApacheでVirtualHost（仮想ホスト）を設定し、WEBサイトやWEBアプリケーションの制作環境を構築します。
バーチャルホストを設定すれば、複数ドメインの制作環境が構築できるので便利です。

XAMPPを使ったバーチャルホストの設定はこちらのサイトが参考になります。

Edgeで仮想ホストを表示する方法

Edgeのアドレスバーに次のテキストを入れ「開発者向け設定」を開きます。

about:flags

「localhostのループバックを許可する」にチェックを入れ、Edgeを再起動します。

これで、「localhost」は表示されます。

xamppの「httpd-vhosts.conf」を使って別名の仮想ホストを表示させるには、もうひと工夫必要です。

Edgeでは、ただ仮想ホスト名を入れても表示してくれません。

Edgeの場合はホスト名の末尾に「.」ピリオドを追加する必要があります。
例えば、設定した仮想ホストが「example-co-jp」の場合は次のとおりです。

example-co-jp.
example-co-jp./subdir/
example-co-jp./subdir/hoge/index.html

このように、Edgeではホスト名の末尾にピリオドを入れることで仮想ホストを表示できます。

localhostに別名を付けるためにはピリオドを含む必要があるそうです。
現象から察するに、ピリオドを含まない場合は相対ドメイン名と解釈されて検索対象から外されてしまうのかなぁ…。
引用元：「Edgeでapacheのvirtualhostが認識できない」より

ナオユ

ちょっと何言っているのか僕にはわかりませんが、とりあえずEdge乙

Edgeで仮想ホストを表示させる対応は次のとおり。

以上です。