質問: 現在Laravelとvue.jsを使用しアプリケーションを作っています。 npm run watchしてweb表示をしようと思ったのですがビルドして http://localhost:3000にアクセスしたら下記のように アクセスできませんでした。 ![イメージ説明](https://teratail-v2.storage.googleapis.com/uploads/contributed_images/40bc207997b43d361951682dbf5e94fa.png) コマンドプロンプトの方は下記のように正常に動いていると思われます。 ![イメージ説明](https://teratail-v2.storage.googleapis.com/uploads/contributed_images/01ff34ef36f04e90c712cb90a63c89c6.png) 原因がわかる方がいましたらご教示頂けると嬉しいです。 よろしくお願いいたします。
回答: externalで表示されている`http://172.18.0.3:3000`に接続すれば閲覧できるかもしれません。 エスパー回答で切り込みますが、 このプログラムを走らせた環境はあなたのマシンで合ってますか? 恐らく、VirutalBox等の仮想マシンでLinuxマシンを構築し その中でLaravelのWebサーバーを立ち上げたのだろうと考えられます。 開発用途で作る仮想マシンは、基本的にエミュレートで作った仮想のCPU、メモリ、HDD、**ネットワークアダプター**等を組み込んで動作させるので これはそのパソコン内であってパソコン内ではない別の環境です。 ホストマシンのWindows(もしくはMac)から`localhost`へ接続しても、 ホストマシン自体はサーバを稼働させてないので閲覧できません。 externalで表示されているのは仮想マシンのIPアドレスでしょうか? もしそうなら`http://172.18.0.3:3000`に接続すれば普通に閲覧できるかもしれません。 それで無理なら使用している仮想マシンのサーバーを 外部から見られるような設定を施してみてください。 設定方法はググれば下記のような記事がヒットして参考になるはずです。 VirtualBoxでGuestOSのアプリケーションに外部からアクセスする方法 - Qiita