環境
Windows10
XAMPP 7.2.1
やりたいこと
LAN内の端末から、LAN内のWindows10 XAMPPローカル開発環境上に作成された複数のWebサイトへアクセスしたい。
iPhoneやiPad等のモバイル端末からローカルWebサイトを表示させ、レスポンシブデザインの確認を行うことが主な目的ですが、その際にlocalhostにしかアクセスできないとファイルのリネームや入れ替えが面倒なので、動作確認側の端末でアクセスするURLを変えるだけでそれぞれのサイトへアクセスできるようにしたいです。
試したこと
各設定ファイルを以下のように記述してあります。
httpd.conf
Listen 80 ServerName {XAMPPがインストールされたwindowsマシンのIPアドレス}:80
httpd-vhost.conf
NameVirtualHost *:80 <VirtualHost *:80> DocumentRoot "C:/xampp/htdocs/site1/" ServerName site1 </VirtualHost> <VirtualHost *:80> DocumentRoot "C:/xampp/htdocs/site2/" ServerName site2 </VirtualHost> <VirtualHost *:80> DocumentRoot "C:/xampp/htdocs/site3/" ServerName site3 </VirtualHost>
hostsファイル
{XAMPPがインストールされたwindowsマシンのIPアドレス} site1 {XAMPPがインストールされたwindowsマシンのIPアドレス} site2 {XAMPPがインストールされたwindowsマシンのIPアドレス} site3
以上の状態でXAMPPがインストールされたWindowsマシンからは
「http://site1/」「http://site2/」「http://site3/」のいずれへのリクエストも正常に表示できておりますが、
LAN内のiPhoneからは、
「http://site1/」「http://site2/」「http://site3/」のいずれも表示できません。
LAN内のiPhoneから「http://{XAMPPがインストールされたwindowsマシンのIPアドレス}」をリクエストすると「http://site1/」の内容が表示されますが「http://site2/」や「http://site3/」を表示させる方法がわからず困っています。
理想はiPhoneから「http://site2/」や「http://site3/」をリクエストしてそれぞれのサイトが表示されることです。
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2018/03/27 11:01