Wordpressのテスト環境をパソコン上で作ってみようと「LOCAL」で環境を構築しました。
なかなか便利です。
ブラウザにアドレス「test.local」を入力するとトップページが表示されました。
なぜこのアドレスの名前解決ができているのか疑問に思ったので(どこが変更されているのかを把握しておきたいと思った)
もしかして、と /etc/hostsを参照すると、追加されていました。
## Local by Flywheel - Start ##
::1 test.local #Local Site
127.0.0.1 test.local #Local Site
::1 www.test.local #Local Site
127.0.0.1 www.test.local #Local Site
## Local by Flywheel - End ##
このhostsの記述であれば、「http:://test.local/」とアドレスバーに入力すれば
下記のディレクトリにアクセスしているのだと理解しました。
pingも応答します。
~$ ping -c 2 test.local
PING test.local (127.0.0.1): 56 data bytes
64 bytes from 127.0.0.1: icmp_seq=0 ttl=64 time=0.047 ms
64 bytes from 127.0.0.1: icmp_seq=1 ttl=64 time=0.168 ms
~/Local Sites/test/app/public$ pwd
/Users/hoge/Local Sites/test/app/public
~/Local Sites/test/app/public$ ls
index.php wp-comments-post.php wp-load.php
license.txt wp-config-sample.php wp-login.php
readme.html wp-config.php wp-mail.php
test.html wp-content wp-settings.php
wp-activate.php wp-cron.php wp-signup.php
wp-admin wp-includes wp-trackback.php
wp-blog-header.php wp-links-opml.php xmlrpc.php
これで謎がとけてスッキリとして使えると思ったのですが、
なぜか 「http://127.0.0.1/」では「404 Site Not Found」
となります。
Wordpressのテストをローカルマシンで行うにはこれで十分の環境はできましたが、なぜhostsに書いてあるtest.localではアクセスできて、127.0.0.1ではアクセスできないなくて、悩みました。
ifconfigで調べたローカルIPでも、同じようにSite Not Foundの表示になりました。
結論はこれです。
・メニューバーからPreferenceを開き、画面左のメニューからADVANCEを選び、「Router Mode」とあるのでそこを Site Domains から localhost へ変更し画面右下の「APRLY」をクリックする
・左上の×ボタンをクリックして、Localのメイン画面に戻ると上部に「Warning! This…」と表示されているので、「FIX IT」をクリックする
・Site Hostの表示が「localhost:ポート番号」に変更されているのでそのアドレスでアクセスできる
http://localhost:10003でも http://127.0.0.1:10003でも、ローカルIPアドレスがわかっていれば、たたとえばhttp://192.168.1.10:10003でもアクセスが可能