Laravel + Vue.js ログイン機能 エラー出る

Question

現在Laravel + Vue.js でこちらの記事を参考にしながらログイン機能を作っているんですが
ログインボタンを押すところで何回やっても422エラーが出てしまいます( ﾉД`)ｼｸｼｸ…

発生している問題・エラーメッセージ

Error: Request failed with status code 422
    at createError (app.js:699)
    at settle (app.js:960)
    at XMLHttpRequest.handleLoad (app.js:168)

上記のエラー文とChromeの検証のNetworkの所には認証情報と一致するレコードがありませんと出ています。
ちなみにDBにはemailのカラムに[e-mail]、passwordのカラムには12345678が入ってます。

該当のソースコード

<ul class="contents_list">
     <li class="form_parts_wrap">
         <input class="login_input" type="email" v-model="email" placeholder="メールアドレス">
     </li>
     <li class="form_parts_wrap">
         <input class="login_input" type="password" v-model="password"autocomplete="new-password" placeholder="パスワード">
     </li>
     <li>
         <button class="common_button" @click="login">ログイン</button>
     </li>
</ul>

 import axios from 'axios';

    export default {
        name: "top",
        data() {
            return {
                email: '',
                password: '',
            }
        },
        methods: {
            login: function () {
                var url = '/login';
                var params = {
                    email: this.email,
                    password: this.password,
                };
                axios.post(url, params)
                    .then(function (response) {
                        console.log(response);
                    })
                    .catch(function (error) {
                        console.log(error.response);
                    });
            }
        }
    }

js自体はひとまず結果をconsoleに表示させているだけのシンプルなもので毎回catchに入ってしまいます。。
色々ググってみたんですが解決できないのでよろしくお願いします。

補足情報（FW/ツールのバージョンなど）

Laravel 7.0
Vue.js 2.6.11

Answer 1

laravelの認証を使ってるならばpasswordフィールドにはハッシュ化された物が入っているので
記載されているpasswordのカラムには12345678っていうのはおかしいはずです。
(直接入れたとか？)

Comments

[Laxxx0214]

直接入れました！
もしかしてそれが原因でしょうか？？

[Laxxx0214]

記事をもう一回読み直してseederというやつでハッシュ化されたパスワードを入れたら無事にエラー消えました！
ありがとうございました！