Laravel + Vue.jsでLocalhost:3000にアクセスできない

Question

事象

以下の参考チュートリアルに沿って、Laravel + Vue.jsアプリケーションを作成しようとしたところ、後半の項目

npm run watch

の実行後に、http://localhost:3000にアクセスすると「サーバーからの応答がありません」となってしまいます。

参考記事

Vue + Vue Router + Vuex + Laravelで写真共有アプリを作ろう (3) SPA開発環境とVue Router

試したこと

別コンソールにて、

php artisan serve

を実行し、http://localhost:8000にアクセスしたらページが表示されることは確認できました。
ただ、これではチュートリアルの記載手順と異なっているため不安に感じております。

環境

• Windows 10（記事はMacOSでした）
• Google Chrome（71.xxx~）
• Vagrant, Homestead なし
• Laravelの動作は確認済み（localhost:8000 ok)

この業界自体、ほとんど初めてで知識の欠落があり、現時点でのトラブルシュートですでに何を見ていけばいいのか確認できない状況です。
何を試せばいいのかも悩んでいるため、時間かかると思いますが、よろしくお願いいたします。

Comments

[CHERRY]

Laravel は、どうやってインストールしましたか？

[kawax]

本当に騙される人が多すぎるけど初心者がLaravel+Vue.jsから始めても使えるようにはならないのでもっと基礎から学習しないと無理。

[退会済みユーザー]

LaravelのインストールはComposer経由で行っています。
`composer create-project laravel/laravel vuesplash`

Answer 1

サーバー側の起動であるphp artisan serveを実行しておかないとhttp://localhost:8000は見れません(ただしapacheなどでhttpサーバー起動＆laravel参照させているなら別)

npm run watchはvueなどのフロントエンド側のソース変更でビルドをしてくれるもののはずなのでhttpサーバー起動はしませんので注意

Comments

[退会済みユーザー]

つまり、参考手順としているチュートリアルの内容が違っているということでしょうか・・・

[rururu3]

Vagrant, Homestead なし
なので参考手順と違うはずです(参考手順はLaravel ValetまたはHomestead っぽいので)
Homesteadの場合はnginxっていうHTTPサーバー入るためphp artisan serveは不要のはずです
https://readouble.com/laravel/5.7/ja/homestead.html

[退会済みユーザー]

まずはHomestead使用に変更して、手順通りに進めてみます。

[rururu3]

Homesteadない手法としてはphp artisan serveでサーバーを立てるということで問題ないので、そのまま進めていって問題ないと思いますよ(WindowsにHomestead入れるのかなり手間だと思いますよ)

[退会済みユーザー]

ありがとうございます。
始める前に、環境構築でハマるかなと思いつつ、やはりハマってしまいました・・・
助かりました！またよろしくお願いいたします。