cd myapp2 composer require laravel/ui "2.*" //フロント側のログインのテンプレートを一発で導入できるLaravel/uiを入れます npm install php artisan ui bootstrap --auth npm install cross-env npm install npm run dev
npm run devでエラーが出た場合は下記コマンドで対応 rm ./package-lock.json rm -rf ./node_modules/ npm install
補足： npm run devは導入したjsやcss等のライブラリやフレームワークをビルドするコマンド、上記の場合で言うとimportしたbootstrap関連のscss,jsファイルなどをまとめていい感じにpublicに配置してくれます。
なお、ビルドには多少時間かかるので面倒な場合は一先ずbladeとかに書きなぐっておいて、後ほどSassやjsファイルに突っ込んでビルドするのもいいかもしれないです。
/*
|--------------------------------------------------------------------------
| Stateful Domains
|--------------------------------------------------------------------------
|
| Requests from the following domains / hosts will receive stateful API
| authentication cookies. Typically, these should include your local
| and production domains which access your API via a frontend SPA.
|
*/'stateful'=>explode(',',env('SANCTUM_STATEFUL_DOMAINS','localhost,127.0.0.1,127.0.0.1:8000,::1')),
<?phpnamespaceLaravel\Sanctum\Http\Middleware;useIlluminate\Routing\Pipeline;useIlluminate\Support\Collection;useIlluminate\Support\Str;classEnsureFrontendRequestsAreStateful{.../**
* Determine if the given request is from the first-party application frontend.
*
* @param \Illuminate\Http\Request $request
* @return bool
*/publicstaticfunctionfromFrontend($request){$referer=Str::replaceFirst('https://','',$request->headers->get('referer'));$referer=Str::replaceFirst('http://','',$referer);$referer=Str::endsWith($referer,'/')?$referer:"{$referer}/";$stateful=array_filter(config('sanctum.stateful',[]));returnStr::is(Collection::make($stateful)->map(function($uri){returntrim($uri).'/*';})->all(),$referer);}
/*
|--------------------------------------------------------------------------
| Stateful Domains
|--------------------------------------------------------------------------
|
| Requests from the following domains / hosts will receive stateful API
| authentication cookies. Typically, these should include your local
| and production domains which access your API via a frontend SPA.
|
*/'stateful'=>explode(',',env('SANCTUM_STATEFUL_DOMAINS','localhost,127.0.0.1,127.0.0.1:8000,::1')),
<?phpnamespaceLaravel\Sanctum\Http\Middleware;useIlluminate\Routing\Pipeline;useIlluminate\Support\Collection;useIlluminate\Support\Str;classEnsureFrontendRequestsAreStateful{.../**
* Determine if the given request is from the first-party application frontend.
*
* @param \Illuminate\Http\Request $request
* @return bool
*/publicstaticfunctionfromFrontend($request){$referer=Str::replaceFirst('https://','',$request->headers->get('referer'));$referer=Str::replaceFirst('http://','',$referer);$referer=Str::endsWith($referer,'/')?$referer:"{$referer}/";$stateful=array_filter(config('sanctum.stateful',[]));returnStr::is(Collection::make($stateful)->map(function($uri){returntrim($uri).'/*';})->all(),$referer);}
<?phpuseIlluminate\Support\Facades\Route;useApp\Http\Controllers\ContentController;/*
|--------------------------------------------------------------------------
| Web Routes
|--------------------------------------------------------------------------
|
| Here is where you can register web routes for your application. These
| routes are loaded by the RouteServiceProvider within a group which
| contains the "web" middleware group. Now create something great!
|
*/Route::get('/',function(){returnview('welcome');});Auth::routes();Route::get('/home',[App\Http\Controllers\HomeController::class,'index'])->name('home');Route::get('/input',[ContentController::class,'input'])->name('input');// 下記を追記するRoute::post('/save',[ContentController::class,'save'])->name('save');
