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

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

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

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

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

該当のソースコード

HTML
1<ul class="contents_list">
2     <li class="form_parts_wrap">
3         <input class="login_input" type="email" v-model="email" placeholder="メールアドレス">
4     </li>
5     <li class="form_parts_wrap">
6         <input class="login_input" type="password" v-model="password"autocomplete="new-password" placeholder="パスワード">
7     </li>
8     <li>
9         <button class="common_button" @click="login">ログイン</button>
10     </li>
11</ul>

javascript
1 import axios from 'axios';
2
3    export default {
4        name: "top",
5        data() {
6            return {
7                email: '',
8                password: '',
9            }
10        },
11        methods: {
12            login: function () {
13                var url = '/login';
14                var params = {
15                    email: this.email,
16                    password: this.password,
17                };
18                axios.post(url, params)
19                    .then(function (response) {
20                        console.log(response);
21                    })
22                    .catch(function (error) {
23                        console.log(error.response);
24                    });
25            }
26        }
27    }