Laravelでパスワード再設定が出来ない

Question

【環境】
vue2.5.17
vue-router3.1.3
vue-template-compiler2.6.10
Laravel5.8.35

【やりたいこと】
パスワード再設定機能が作りたい

【状況】
http://localhost:3000/passResetでリンクを送信するを押下するとログインリンクが送信される
送られたリンクに接続するとhttp://127.0.0.1:8000/password/reset/~トークン~ のブラウザが表示される。
router.jsでpath: '/password/reset/*',に接続された場合はPassResetForm.vueが表示される
PassResetForm.vueでパスワードを変更しようとすると422エラーになる

【ブラウザのNetworkに出ているエラー】
{message: "The given data was invalid.",…}
message: "The given data was invalid."
errors: {token: ["The token field is required."], email: ["The email field is required."],…}
token: ["The token field is required."]
0: "The token field is required."
email: ["The email field is required."]
0: "The email field is required."
password: ["The password confirmation does not match."]
0: "The password confirmation does not match."

【ソースコード】
■PassReset.vue

<template>
    <div class="p-reset">

      <form @submit.prevent="passReset">

          <div class="p-reset__email">
            <h2 class="p-reset__title"><i class="fas fa-lock"></i> ログインできない場合</h2>
            <p class="p-reset__text">パスワード再設定用のログインリンクをお送りしますので、メールアドレスを入力してください。
            </p>
<!--              <input class="c-input__menu" type="email" placeholder="メールアドレス">-->
            <input class="c-input__menu" v-model="passResetFrom.email" type="email" placeholder="メールアドレス">
          </div>

          <div class="p-reset__button">
              <button class="c-button__menu">リンクを送信する</button>
          </div>
      </form>

      <RouterLink to="/register"><div class="p-reset__register"><p>新規登録する</p></div></RouterLink>
      <RouterLink to="/login"><div class="p-reset__login"><p>ログインに戻る</p></div></RouterLink>

    </div>
</template>

<script>


  export default {
    data() {
      return {
        passResetFrom: {
          email: ''
        }
      }
    },
    methods: {
      async passReset () {
        // await axios.post('/api/passReset', { email: this.email })
        // await axios.post('/api/passReset', this.passResetFrom)
        await axios.post('/api/password/email', this.passResetFrom)
        }
      }
  }
</script>

■passResetForm.vue

<template>
    <div class="p-pass">
        <form @submit.prevent="passResetForm">
            <div class="p-pass__pass"><input v-model="passResetFrom.password" class="c-input__menu" type="password" placeholder="新しいパスワード"></div>
            <div class="p-pass__rePass"><input v-model="passResetFrom.rePassword" class="c-input__menu" type="password" placeholder="新しいパスワード(確認)"></div>
            <div class="p-pass__button">
                <button class="c-button__menu">パスワードを変更する</button>
            </div>
        </form>
    </div>
</template>

<script>
  export default {
    data() {
      return {
        passResetFrom: {
          password: '',
          rePassword: ''
        }
      }
    },
    methods: {
      async passResetForm () {
        await axios.post('/api/password/reset', this.passResetFrom)
      }
    }
  }
</script>

■router.js

...省略
{
    path: '/password/reset/*',
    components: {
      main: Top,
      menu: PassResetForm
    },
    beforeEnter (to, from, next) {
      if (store.getters['auth/check']) {
        next('/mypage')
      } else {
        next()
      }
    }
  },
...省略

■PassResetNotification.php

<?php

namespace App\Notifications;

use Illuminate\Bus\Queueable;
use Illuminate\Notifications\Notification;
use Illuminate\Contracts\Queue\ShouldQueue;
use Illuminate\Notifications\Messages\MailMessage;

class PassResetNotification extends Notification
{
    use Queueable;

    public $token;
    protected $title = 'パスワードリセット。';

    /**
     * Create a new notification instance.
     *
     * @return void
     */
    public function __construct($token)
    {
        $this->token = $token;
    }

    /**
     * Get the notification's delivery channels.
     *
     * @param  mixed  $notifiable
     * @return array
     */
    public function via($notifiable)
    {
        return ['mail'];
    }

    /**
     * Get the mail representation of the notification.
     *
     * @param  mixed  $notifiable
     * @return \Illuminate\Notifications\Messages\MailMessage
     */
    public function toMail($notifiable)
    {
        return (new MailMessage)
          ->subject($this->title)
          ->view(
            'email.passReset',
            [
              'reset_url' => url('password/reset', $this->token),
            ]);
    }

    /**
     * Get the array representation of the notification.
     *
     * @param  mixed  $notifiable
     * @return array
     */
    public function toArray($notifiable)
    {
        return [
            //
        ];
    }
}

//参考
//https://www.ritolab.com/entry/52

お手数ですが、よろしくお願い致します。

Answer 1

コントローラーでrules()をオーバーライドして解決しました。