会員登録ができない（axios.postでフォーム送信）

Question

前提・実現したいこと

Laravelで会員登録＆ログインを実装しようとしています。
プロジェクトは下記コマンドで作成しました。

composer create-project --prefer-dist laravel/laravel

Vue.jsを使用しており、axios.postでフォームのデータを送っています。
RegisterController.phpでValidator,createなどが実行されているようです。（Laravel初心者なので詳しくはわかっていません…）

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

フォームのデータがDBに登録されません。バリデーションもききません。
エラーも出ずログも吐き出されず、そのまま…です。

該当のソースコード

register.vue(必要なところ以外省略しています)

  data () {
    return {
      registerForm:{
        name:'',
        user_id:'',
        email: '',
        password: '',
        password_confirmation:''
      }
    }
  },
  methods: {
    async register() {
      // authストアのresigterアクションを呼び出す
      await this.$store.dispatch('auth/register', this.registerForm)

      if (this.apiStatus) {
        // トップページに移動する
        this.$router.push('/')
      }
    },
  },

auth.js(必要なところ以外省略しています)

const actions = {
  async register(context, data) {
    const response = await axios.post('/api/register', data)
  }
}

routes/api.php(必要なところ以外省略しています)

Route::post('/register', 'Auth\RegisterController@register')->name('register');

RegisterController.php

<?php

namespace App\Http\Controllers\Auth;

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

class RegisterController extends Controller
{

    use RegistersUsers;

    protected $redirectTo = '/home';

    public function __construct()
    {
        $this->middleware('guest');
    }

    protected function validator(array $data)
    {
        return Validator::make($data, [
            'name' => ['required', 'string', 'max:255'],
            'email' => ['string', 'email', 'max:255'],
            'user_id' => ['required', 'string', 'max:20', 'unique:users'],
            'password' => ['required', 'string', 'confirmed'],
        ]);
    }

    protected function create(array $data)
    {
        return User::create([
            'name' => $data['name'],
            'email' => $data['email'],
            'user_id' => $data['user_id'],
            'password' => Hash::make($data['password']),
        ]);
    }

    // ★ メソッド追加
    protected function registered(Request $request, $user){
        return $user;
    }
}

補足情報

Laravel　5.8.28
php 7.3.0
vagrantでローカルサーバーをたちあげています。
DB　mysql

auth.jsでaxios.post('/api/register', data)するまでのデータはconsole.logで確認できており、dataの中に入力データは入っています。
Controllerでデータを確認する方法がわからず、行き詰まっております。

一度会員登録が正常にできて、その後完成までたどりついた後に
会員登録だけができないことに気がつきました。
最初に成功したときに登録した会員情報でログインすることはでき、別で実装した記事追加や記事の修正などもできるので、
DBへの接続はできています。
他に必要な情報があればつけたしていきます。何卒よろしくお願いいたします。

追記

開発者ツールのNetworkで、registerのステータスコードが302になっていることに気づきました。
Status Code: 302 Found
下記と同じような状況なのかなと思ったのですが、いまいち原因と解決策がわからずでした・・・。
https://laracasts.com/discuss/channels/laravel/status-302-when-submitting-form

Answer 1

自己解決しました。

原因は、ミドルウェアの下記部分でした。

app/Http/Middleware/RedirectIfAuthenticated.php

    public function handle($request, Closure $next, $guard = null)
    {
        if (Auth::guard($guard)->check()) {
            // return redirect('/home');
            return redirect()->route('user');
        }
        return $next($request);
    }

そもそもこのユーザー登録を実装するにあたって参考にしたのがこのサイトで、
https://www.hypertextcandy.com/vue-laravel-tutorial-authentication-part-4/

return redirect()->route('user');

の部分もそれにならってやっていました・・・が

この参考サイトの場合、「ログインしてない状態」でユーザー登録ページにアクセスすることが前提でした。
ですが私が作っていたのはユーザー登録できるのは管理者のみというのが前提で、「ログインしてる状態＆ユーザーは管理者」というのが条件になってました。
ですので、製作過程でregisterとloginをvue側のコンポーネントを分けて、ログインしてる状態でregister/にアクセスするようにしました。（この段階ですでにミドルウェアの役割も、ファイルを触ったことも忘れておりました…）
そのため「ログインしてる状態でregisterにアクセス」という状況になってしまい、ミドルウェアが反応してリダイレクト処理され、302が返ってくるということになっていたようです。

ですので、とりあえず
return redirect()->route('user');
をコメントアウト（リダイレクト処理をなしに）することでユーザー登録はできるようになりました。
「ユーザー登録できるのは管理者のみ」の実装はこれからすることになるので、最終的にこの部分は変わるかもしれませんが、とりあえずこの問題は解決しましたので閉めさせていただきます。

Comments

[T5r9xysvdTHRt8b]

同じサイトを参考にして、同じところでつまづいていました。
とても助かりました。

[popc]

コメントありがとうございます。
お役に立てたようでよかったです。

Answer 2

Controllerでデータを確認する方法がわからず

AjaxなどでPure PHPの場合で確認するのもケースとしては同じかと思いますが、
ログ出力してください。

Comments

[popc]

ご回答いただきありがとうございます。
PHP自体初心者でログを出力できることもよく知りませんでしたので参考になりました。

RegisterController.phpの下記部分

protected function validator(array $data)
{
Log::debug($data);
return Validator::make($data, [
　　　〜〜
のように入れてみましたが、ログは出力されませんでした。
入れる位置が悪いのかと思い、RegistersUsers.phpの
public function register(Request $request)
{
の中でも試してみましたが、変わりませんでした。
ログインなど、正常に動くところで試してみると、ログが出力されました。
post送信ができていないのかと思いましたが、auth.jsでpost送信したあとに返ってくるresponseは、ステータスコード200となっており、成功してるのでは・・・とも思います。
やり方がおかしいところなどあればまたご指摘頂けますと幸いです。

[m.ts10806]

出力ログはどこを確認していますか？
そもそも通っていない可能性もあるわけですが。

[popc]

ログは、
storage/logs/のなかに「laravel-2019-10-20.log」のようなファイル名で出力されています。
（今日は21日ですがなぜか20日で出ていました）
ログインやログアウトで試したものはこちらに出力されました。

[m.ts10806]

ではやはり当該処理を通ってないようですね。
ログのファイル名についてはタイムゾーンがAsia/Tokyoではないのだと思います。

[popc]

ありがとうございます。タイムゾーンをAsia/Tokyoにしたら現在の日時になりました。
そのようですね…。いろいろと助言いただきありがとうございます。