WEBエンジニアGirls!!

今までプログラミングに触れたことがなかった女子たちが、就職・インターンを機にイケてるWEBエンジニアを目指す七転び八起きをゆるーり綴ります( ´ω`)

MAMPで複数のDocumentRootを管理する!

こんにちは、WEBエンジニアのあじゃです(θωθ っ )3~

ブログを移行すべく、ローカルで開発できる環境を構築しているのですが、
何回やってもMAMPでドキュメントルートを新しく設定する方法を忘れてしまうので・・・

http://localhost/we-girls/ でアクセスしているローカルのファイルを、
http://we-girls.dev でアクセスできるようにしたい!
という場合です٩( 'ω' )و


1. httpd.confを修正する

/Applications/MAMP/conf/apache/extra/httpd-vhosts.conf
こちらのファイルを編集します。
ファイルを開いて、一番下に下記のように追記します。

<VirtualHost *:80>
 DocumentRoot "/Applications/MAMP/htdocs/we-girls/"
 ServerName we-girls.dev
</VirtualHost>

DocumentRoot : ドキュメントルートに設定したい場所の、pathを書きます。
ServerName : このURLでアクセスしたい!というURLを書きます。http://は不要です。



2. hostsに追記する

/etc/hosts
こちらのファイルを編集します。
ファイルを開いて、下記を追記します。

127.0.0.1 we-girls.dev

"we-girls.dev"のところを、このURLでアクセスしたい!というURLに書き換えてください。
ここでもhttp://は不要です。


できたー٩( 'ω' )و