SQlite＋Laravelでデータを格納することができない。

Question

データベースにSqliteを用いてユーザー登録機能を作ろうとしてます。
データベースに値を追加しメインページにリダイレクトされるように作ったのですが、リダイレクトされません。
sqliteに接続しUserテーブルの中身を確認しても値が登録されていません。
特にエラーも出ておらず、どこが原因のなのかわからないです。
LaravelとVueを使って作ってます。
どうかよろしくお願いします。

ユーザー登録のライブラリでvee-validateを使っています。
OS：Mac　M1

Register.vue

<template>
    <div>
        <div cclass="container">
            <div class="notification">
                <div class="columns">
                    <div class="column">
                        <div class="panel">
                            <div class="panel-heading">
                                <h2 class="title is-4">新規登録</h2>
                            </div>

                            <div class="panel-body">
                                
                                <ValidationObserver
                                 class="form-horizontal"
                                 ref="observer"
                                 action="/register"
                                 id="register"
                                 method="post"
                                 tag="form"
                                 @submit.prevent="register()" 
                                 v-slot="{ invalid }"
                                >
                                    <input type="hidden" name="_token" :value="csrf" />

                                    <div class="form-group">
                                        <div class="field">
                                            <label for="name" class="column">名前</label>
                                            <validation-provider name="名前" rules="required|max:20" v-slot="{ errors }">
                                             <input v-model="name" class="input is-success" type="text" placeholder="名前" />
                                            </validation-provider>
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <div class="field">
                                            <label for="email" class="column">メール</label>
                                            <validation-provider
                                             name="メールアドレス"
                                             rules="required|email"
                                             v-slot="{ errors }"
                                            >
                                            <input v-model="email" class="input is-success" type="text" placeholder="メールアドレス" />
                                            <div class="alert alert-danger" v-show="errors[0]">{{ errors[0] }}</div>
                                            </validation-provider>
                                        </div>
                                    </div>

                                 

                                    <div class="field is-grouped">
                                    <div class="control">
                                        <button type="submit" class="button is-link">登録する</button>
                                    </div>
                                    </div>

                                    </ValidationObserver>
                                
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</template>

<script>
import {ValidationProvider, ValidationObserver, extend } from "vee-validate";
import { required, max, min, email, confirmed } from "vee-validate/dist/rules"; 
extend("required", {
  ...required,
  message: "{_field_}は必須です"
});

extend("email", {
    ...email,
    message: "{_field_}はメールアドレス形式で入力してください"
});

extend("min", {
  ...min,
  message: "{_field_}は最低でも{length}文字入力してください"
});

export default {
    components: {
    ValidationProvider,
    ValidationObserver
  },

    data() {
        return {
            name: "",
            email: "",

        csrf: document
        .querySelector('meta[name="csrf-token"]')
        .getAttribute("content"),
        };
    },
    methods: {
        async register() {
            const isValid = await this.$refs.observer.validate();
        if (isValid) {
            document.querySelector("#register").submit();
          }
        }
    }

};

</script>

RegisteController.php

<?php

namespace App\Http\Controllers\Auth;

use App\Http\Controllers\Controller;
use App\Providers\RouteServiceProvider;
use App\User;
use Illuminate\Foundation\Auth\RegistersUsers;
use Illuminate\Support\Facades\Hash;
use Illuminate\Support\Facades\Validator;



class RegisterController extends Controller
{
    /*
    |--------------------------------------------------------------------------
    | Register Controller
    |--------------------------------------------------------------------------
    |
    | This controller handles the registration of new users as well as their
    | validation and creation. By default this controller uses a trait to
    | provide this functionality without requiring any additional code.
    |
    */

    use RegistersUsers;

    /**
     * Where to redirect users after registration.
     *
     * @var string
     */
 

    protected $redirectTo = '/';
    

    /**
     * Create a new controller instance.
     *
     * @return void
     */
    public function __construct()
    {
        $this->middleware('guest');
    }

    /**
     * Get a validator for an incoming registration request.
     *
     * @param  array  $data
     * @return \Illuminate\Contracts\Validation\Validator
     */
    protected function validator(array $data)
    {
        return Validator::make($data, [
            'name' => ['required', 'string', 'max:255'],
            'email' => ['required', 'string', 'email', 'max:255', 'unique:users'],
            'password' => ['required', 'string', 'min:8', 'confirmed'],
        ]);
    }

    /**
     * Create a new user instance after a valid registration.
     *
     * @param  array  $data
     * @return \App\User
     */
    protected function create(array $data)
    {
        return User::create([
            'name' => $data['name'],
            'email' => $data['email'],
            'password' => Hash::make($data['password']),
        ]);
    }
}

Userテーブル

<?php

use Illuminate\Database\Migrations\Migration;
use Illuminate\Database\Schema\Blueprint;
use Illuminate\Support\Facades\Schema;

class CreateUsersTable extends Migration
{
/**
* Run the migrations.
*
* @return void
*/
public function up()
{
Schema::create('users', function (Blueprint $table) {
$table->bigIncrements('id');
$table->string('name');
$table->string('email')->unique();
$table->timestamps();
});
}

/**
* Reverse the migrations.
*
* @return void
*/
public function down()
{
Schema::dropIfExists('users');
}
}

Comments

[Lulucom]

> 特にエラーも出ておらず、
と書かれていますが、ブラウザのディベロッパーツールなどのConsoleにもエラーは出ていないでしょうか？
あと、Laravelとvee-validateのバージョンも掲載されると良いでしょう。

vee-validateは使ったことがないのですが、名前、メールアドレスの各input要素にはname属性も必要ではないのでしょうか？また、パスワードも送信しないとLaravelのバリデーションでエラーになってしまうのではないでしょうか。

Answer 1

特にエラーも出ておらず、どこが原因のなのかわからないです。

Laravel+Vueでエラーを確認すべき箇所は

• Chrome Developer ToolsのNetworkタブ
• Chrome Developer ToolsのConsoleタブ
• laravel/storage/logs/laravel(日付).log
• php_fpm(を使用しているなら)のerror_log
• apache/nignx(を使用しているなら)のerror_log、access_log

です。これらは確認されましたでしょうか？