Author image

ぺんすけブログ

リモートワークと子育てとTechな日常

Cover image

MAMPでバーチャルホストの設定方法【開発用ドメイン】

MAMPでバーチャルホスト設定を行う方法です。

最初の一回だけ行う設定

1.httpd-vhosts.confを読みこむようにする

■編集ファイル
/Applications/MAMP/conf/apache/httpd.conf

■作業
先頭の#を外してhttpd-vhosts.confが読みこまれるようにする
編集前

# Include /Applications/MAMP/conf/apache/extra/httpd-vhosts.conf

編集後

Include /Applications/MAMP/conf/apache/extra/httpd-vhosts.conf

2.htaccessも動くようにする

■編集ファイル
/Applications/MAMP/conf/apache/httpd.conf

■作業
AllowOverride None→AllowOverride Allにする

編集前

<Directory />
    Options Indexes FollowSymLinks
    AllowOverride None
</Directory>

編集後

<Directory />
    Options Indexes FollowSymLinks
    AllowOverride All
</Directory>

ーー

プロジェクト毎に行う設定

3.Virtual Hostの設定を書く

■編集ファイル
/Applications/MAMP/conf/apache/extra/httpd-vhosts.conf

■作業
project-nameをDocumentRootに、test.project-name.localでアクセスできるようにする。
{}内は変更してください!

<VirtualHost *:80>
    DocumentRoot "/Users/{yourname}/{path_to}/project-name/"
    ServerName test.project-name.local
    ErrorLog "/Applications/MAMP/logs/test.project-name.local"
</VirtualHost>

4.hostsの編集

■編集ファイル
/private/etc/hosts

■作業
ファイル最下部に書き追加

127.0.0.1	test.project-name.local
::1 test.project-name.local

5.MAMPの再起動、完成

再起動して
http://test.project-name.local
にアクセスすると表示されます。

6.プロジェクト内の.envのAPP_URLも変更しておきましょう

APP_URL=http://localhost

APP_URL=http://test.project-name.local

※virtualhostで「_」(アンダーバー)使うとだめみたいです。なので例えばurlをtest.salon_manage.localにしようとすると多分動かないです。