Vue.js+Laravelでログインがうまくいかない

現在、vue.js+laravelの勉強のため、
Vue + Vue Router + Vuex + Laravelで写真共有アプリを作ろう
このサイトを参考にチュートリアルを進めています。

Part7:認証機能とVuex 2まで進め、ユーザーの会員登録、ログアウトはできるのですが、ログインの時のみエラーが表示されます。

エラーコード

POST http://localhost:3008/api/login 422 (Unprocessable Entity)

Uncaught (in promise) Error: Request failed with status code 422
    at createError (app.js?id=305a1bb11d122f08f9e4:663)
    at settle (app.js?id=305a1bb11d122f08f9e4:826)
    at XMLHttpRequest.handleLoad (app.js?id=305a1bb11d122f08f9e4:196)

ソースコードは以下に示します。

/routes/api.php

use Illuminate\Http\Request;

Route::middleware('auth:api')->get('/user', function (Request $request) {
    return $request->user();
});
Route::post('/register', 'Auth\RegisterController@register')->name('register');
Route::post('/login', 'Auth\LoginController@login')->name('login');
Route::post('/logout', 'Auth\LoginController@logout')->name('logout');

/app/Http/Controllers/Auth/LoginController.php

<?php

namespace App\Http\Controllers\Auth;

use App\Http\Controllers\Controller;
use Illuminate\Foundation\Auth\AuthenticatesUsers;
use Illuminate\Http\Request; // ★ 追加

class LoginController extends Controller
{

    use AuthenticatesUsers;

    protected $redirectTo = '/home';

    public function __construct()
    {
        $this->middleware('guest')->except('logout');
    }
    protected function authenticated(Request $request, $user)
    {
        return $user;
    }
    protected function loggedOut(Request $request)
    {
    // セッションを再生成する
    $request->session()->regenerate();

    return response()->json();
    }
}

resourceファイルは、タイプミスかと思い、このサイトで公開されているgithubをダウンロードし入れ替えてみたのですが、結果は変わりませんでした。

ご回答よろしくお願いいたします。

行動規範の内容に同意します

回答2件

ベストアンサー

Error: Request failed with status code 422

私も同じサイトでチュートリアルを行い、同じエラーが出ました。

Laravelの status code 422 はバリデーションエラーなので、入力内容に不備があるかもしれません。

私の場合は会員登録でエラーになり、メールアドレスのフォーマットが違う、パスワードの桁数が足りないが原因でした。

RegisterController.php

php
1    /**
2     * Get a validator for an incoming registration request.
3     *
4     * @param  array  $data
5     * @return \Illuminate\Contracts\Validation\Validator
6     */
7    protected function validator(array $data)
8    {
9        return Validator::make($data, [
10            'name' => ['required', 'string', 'max:255'],
11            'email' => ['required', 'string', 'email', 'max:255', 'unique:users'],
12            'password' => ['required', 'string', 'min:6', 'confirmed'],
13        ]);
14    }
15