macでXAMPPのローカルホストの設定をしたい

Question

###前提・実現したいこと
macでXAMPPのローカルホストの設定をしたい

設定できた場合
http://サーバーネーム
http://localhost/サーバーネーム
どちらが正しいURLになるのでしょうか？

###発生している問題・エラーメッセージ
下記の通り一通り設定しましたが、
http://サーバーネーム でアクセスしてもXAMPPの設定画面に飛んでしまう
http://localhost/サーバーネーム でアクセスすると該当のindex.htmlが表示されるがCSSが効いていない（パスの設定ミス？ミスするほど階層は深くありませんが、試しにサーバーに全てアップして確認してみましたが、やはりCSSが効いていないページが表示されたのでパスの記入ミスでしょうか？）

エラーメッセージ

###該当のソースコード
httpd-vhosts.confの編集↓

<VirtualHost *:80>
DocumentRoot "/Applications/XAMPP/xamppfiles/htdocs"
ServerName localhost
</VirtualHost>

<VirtualHost *:80>
DocumentRoot "/Applications/XAMPP/htdocs/site01"
ServerName site01
</VirtualHost>

###試したこと
・httpd.confの編集
・httpd−vhosts.confの編集
・hostsの編集
を全て設定しました。
下記ページを参考にしました。
http://stackstock.net/archives/1846/

###補足情報(言語/FW/ツール等のバージョンなど)
OSはEl Captain バージョン10.11.4

Answer 1

<VirtualHost *:80>
DocumentRoot "/Applications/XAMPP/xamppfiles/htdocs"
ServerName localhost
</VirtualHost>

上記のDocumentRootが間違っていました。
ありがとうございました！

Answer 2

apacheの再起動はされましたか？

cssが効いてないのはやっぱりパスの再確認からじゃないですかね？

実は、私はWin版なので、、、あれなんですが、、、、
自分のサイトの部分のDocumentRootをxamppから外してみてはどうでしょうか？

参考サイトのようにUsers/...にでもいれて試してみるとか？

CSSのパスは、全角の空白とか、パス以外のコード間違いとかも確認してみるといいかもしれませんよ。

Comments

[superfree]

回答ありがとうございます！

XamppのApacheの再起動ですよね？
それはしました。
最初、macにデフォルトで入っているApacheを起動したりしていたのですが、それは関係ないですよね？

CSSのパスは見直してみます。
ありがとうございます！