laravel8 + jetstream interia(vue.js)でログイン機能をつけてみる。app.jsとapp.cssがルート直下配置前提なのでhttp://localhost/laravel8/publicだと何も表示されない！

# laravel本体
composer create-project laravel/laravel laravel8

# jetstream
composer require laravel/jetstream

# interia(not livewire)
php artisan jetstream:install inertia

# ビルドする
npm install && npm run dev

# sessionテーブルが追加されているのでmigrateが必要
php　artisan migrate

# laravel本体

composer create-project laravel/laravel laravel8

# jetstream

composer require laravel/jetstream

# interia(not livewire)

php artisan jetstream:install inertia

# ビルドする

npm install && npm run dev

# sessionテーブルが追加されているのでmigrateが必要

php　artisan migrate

app.jsとapp.cssがルート直下前提なので、http://localhost/laravel8/public とかだと表示されない。
ドキュメントルートを変更するか、resources/views/app.blade.phpを修正する。url()で囲むと上手く行った。

【Laravel】サブディレクトリに設置したアプリでapp.js、app.cssがnet::ERR_ABORTED 404 Not Found

resources/views/app.blade.php

<!-- Styles -->
<link rel="stylesheet" href="{{ url(mix('css/app.css')) }}">

<!-- Scripts -->
@routes
<script src="{{ url(mix('js/app.js')) }}" defer></script>

@routes

これで、ログイン機能は最初から付いていくる！

関連記事