スラッシュから始まるリンク、ルートパスをXAMPP環境で使えるようにするシンプルな方法

[/]から始まるリンクってあるよね。

こんなの

<img src="/site/img/index/hoge.jpg" alt="画像リンク1" />

ルートパスって言うらしいんですけど、便利らしいので使っている人をよく見かけます。
でもXAMPPってローカルで動かないんですよね。
スラッシュから始まるリンクって「ドキュメントルートから参照」になっちゃうのでXAMPPでは苦労します。
かといって「面倒だなあ」で終わらせてしまうとお仕事が進まないので設定していきます。

XAMPPの設定を変更して使用可能に。

バックアップをそれぞれ取りながら作業していきましょう。
今回は

httpd.conf を編集

「httpd-vhosts.conf」を編集するのが良いんでしょうが、
今回は「シンプルな方法」ということでシンプルさを優先させます。

C:\xampp\apache\conf\httpd.conf
を編集します。
以下を追記してください。

<VirtualHost *:80>
DocumentRoot "C:/xampp/htdocs"
ServerName localhost
</VirtualHost></p>
<p><VirtualHost *:80>
DocumentRoot "C:/xampp/htdocs/任意のフォルダ名"
ServerName 任意のサーバー名
</VirtualHost>

1つ目は「localhost」用、2つ目はルートパスを使うサーバー用です。

Virtual hosts の設定

C:\Windows\System32\drivers\etc の「hosts」を編集します。
こちらは直接編集できないので一旦デスクトップなどに移して編集するのが良いかと思います。
以下を追記します。

127.0.0.1       任意のサーバー名

この設定だけで
http://任意のサーバー名/
にアクセスするとルートパスが使えていると思います。

XAMPP

Posted by bistro