編集履歴

質問編集履歴

画像追加

2020/09/01 14:12

投稿

スコア1

test CHANGED Viewed

	@@ -1 +1 @@
1	- Laravelで新規登録後に画面遷移しない問題
1	+ Laravelで新規ユーザー登録後に画面遷移しない問題

test CHANGED Viewed

@@ -671,3 +671,9 @@
 上記のことを試しても挙動が変わりませんでした。自分で調べれる限りは試してみたのですがエラーも出ていないしさっぱり原因がわかりません。他に考えうる原因はあるのでしょうか？
+ちなみに下記画像のように遷移先のURLはGETでResponseがちゃんと返ってきています
+![イメージ説明](efe18faa1902feace0612f1380dae4a1.png)

自分で試したことを追記しました。

2020/09/01 14:12

投稿

chocomint20

スコア1

test CHANGED Viewed

File without changes

test CHANGED Viewed

@@ -611,3 +611,63 @@
 </script>
 ```
+**追記(試したこと)**
+①RegisterController.phpの
+```
+protected $redirectTo = '/home';
+```
+これを
+```
+protected $redirectTo = '/mypage/profile';
+```
+これに変えた。
+②RegisterController.phpに
+```
+protected function redirectTo()
+    {
+        return route('mypage.prof');
+    }
+```
+上記のredirectToメソッドを作成
+③ブラウザをChromeでやっていたので、safariに変えてみた
+④vagrantとhomesteadでサーバーを立ててやっていたので、php artisan serveの方でやってみた
+⑤php artisan キャッシュクリア系のコマンドでキャッシュクリアしてみた
+上記のことを試しても挙動が変わりませんでした。自分で調べれる限りは試してみたのですがエラーも出ていないしさっぱり原因がわかりません。他に考えうる原因はあるのでしょうか？

訂正

2020/09/01 13:59

投稿

chocomint20

スコア1

test CHANGED Viewed

File without changes

test CHANGED Viewed

@@ -140,382 +140,472 @@
 ```
-public function auth(array $options = [])
-    {
-        // Authentication Routes...
-        $this->get('login', 'Auth\LoginController@showLoginForm')->name('login');
-        $this->post('login', 'Auth\LoginController@login');
-        $this->get('logout', 'Auth\LoginController@showLogout')->name('logout');
-        $this->post('logout', 'Auth\LoginController@logout');
-        // Registration Routes...
-        if ($options['register'] ?? true) {
-            $this->get('register', 'Auth\RegisterController@showRegistrationForm')->name('register');
-            $this->post('register', 'Auth\RegisterController@register');
+<?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;
+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 = '/mypage/profile';
+    /**
+     * 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, [
+            'email' => ['required', 'string', 'email', 'max:255', 'unique:users'],
+            'password' => ['required', 'string', 'min:6',],
+        ]);
+    }
+    /**
+     * Create a new user instance after a valid registration.
+     *
+     * @param  array  $data
+     * @return \App\User
+     */
+    protected function create(array $data)
+    {
+        return User::create([
+            'email' => $data['email'],
+            'password' => Hash::make($data['password']),
+        ]);
+    }
+}
+```
+**RegistersUsers.php**
+```
+<?php
+namespace Illuminate\Foundation\Auth;
+use Illuminate\Http\Request;
+use Illuminate\Support\Facades\Auth;
+use Illuminate\Auth\Events\Registered;
+trait RegistersUsers
+{
+    use RedirectsUsers;
+    /**
+     * Show the application registration form.
+     *
+     * @return \Illuminate\Http\Response
+     */
+    public function showRegistrationForm()
+    {
+        return view('auth.register');
+    }
+    /**
+     * Handle a registration request for the application.
+     *
+     * @param  \Illuminate\Http\Request  $request
+     * @return \Illuminate\Http\Response
+     */
+    public function register(Request $request)
+    {
+        $this->validator($request->all())->validate();
+        event(new Registered($user = $this->create($request->all())));
+        $this->guard()->login($user);
+        return $this->registered($request, $user)
+            ?: redirect($this->redirectPath());
+    }
+    /**
+     * Get the guard to be used during registration.
+     *
+     * @return \Illuminate\Contracts\Auth\StatefulGuard
+     */
+    protected function guard()
+    {
+        return Auth::guard();
+    }
+    /**
+     * The user has been registered.
+     *
+     * @param  \Illuminate\Http\Request  $request
+     * @param  mixed  $user
+     * @return mixed
+     */
+    protected function registered(Request $request, $user)
+    {
+        //
+    }
+}
+```
+**register.blade.php**
+```
+@extends('layouts.app2')
+@section('title', '会員登録')
+@section('content')
+    <div id="app">
+        <user-register></user-register>
+    </div>
+@endsection
+```
+**UserRegister.vue**
+```
+<template>
+    <div class="l-form p-form">
+        <h2 class="l-form__head p-form__head">
+            新規会員登録
+        </h2>
+        <div class="l-form__body p-form__body">
+            <div class="l-form-conteiner">
+                <div class="form-group">
+                    <label for="email" class="l-form__label p-form__label">メールアドレス</label>
+                    <span class="label-require">必須</span>
+                    <input id="email" class="l-form__input p-form__input" :class="{ hasErr: errors.email }" type="text" v-model="email" placeholder="PC・携帯どちらでも可">
+                    <div class="area-msg">
+                        {{ errors.email }}
+                    </div>
+                </div>
+                <div class="form-group">
+                    <label for="password" class="l-form__label p-form__label">パスワード</label>
+                    <span class="label-require">必須</span>
+                    <input id="password" class="l-form__input p-form__input" :class="{ hasErr: errors.password }" type="password" v-model="password" placeholder="6文字以上の半角英数字">
+                    <div class="area-msg">
+                        {{ errors.password }}
+                    </div>
+                </div>
+                <button type="button" class="p-btn btn-primary" @click="register">登録する</button>
+            </div>
+        </div>
+    </div>
+</template>
+<script>
+    export default {
+        data: function() {
+            return {
+                email: '',
+                password: '',
+                errors: ''
+            }
+        },
+        methods: {
+            register: function () {
+                this.errors = {};
+                var self = this;
+                var url = '/register';
+                var params = {
+                    email: this.email,
+                    password: this.password,
+                };
+                axios.post(url, params)
+                .then(function (response) {
+                    self.email = '';
+                    self.password = '';
+                })
+                .catch(function (error) {
+                    var responseErrors = error.response.data.errors;
+                    var errors = {};
+                    for(var key in responseErrors) {
+                        errors[key] = responseErrors[key][0];
+                    }
+                    self.errors = errors;
+                });
+            }
+        },
+        mounted() {
+            console.log('Component mounted.')
         }
-        $this->get('withdraw', 'Auth\RegisterController@showWithdraw')->name('withdraw');
-        // Password Reset Routes...
-        if ($options['reset'] ?? true) {
-            $this->resetPassword();
-        }
-        // Email Verification Routes...
-        if ($options['verify'] ?? false) {
-            $this->emailVerification();
-        }
-    }
-```
-**RegistersUsers.php**
-```
-<?php
-namespace Illuminate\Foundation\Auth;
-use Illuminate\Http\Request;
-use Illuminate\Support\Facades\Auth;
-use Illuminate\Auth\Events\Registered;
-trait RegistersUsers
-{
-    use RedirectsUsers;
-    /**
-     * Show the application registration form.
-     *
-     * @return \Illuminate\Http\Response
-     */
-    public function showRegistrationForm()
-    {
-        return view('auth.register');
-    }
-    /**
-     * Handle a registration request for the application.
-     *
-     * @param  \Illuminate\Http\Request  $request
-     * @return \Illuminate\Http\Response
-     */
-    public function register(Request $request)
-    {
-        $this->validator($request->all())->validate();
-        event(new Registered($user = $this->create($request->all())));
-        $this->guard()->login($user);
-        return $this->registered($request, $user)
-            ?: redirect($this->redirectPath());
-    }
-    /**
-     * Get the guard to be used during registration.
-     *
-     * @return \Illuminate\Contracts\Auth\StatefulGuard
-     */
-    protected function guard()
-    {
-        return Auth::guard();
-    }
-    /**
-     * The user has been registered.
-     *
-     * @param  \Illuminate\Http\Request  $request
-     * @param  mixed  $user
-     * @return mixed
-     */
-    protected function registered(Request $request, $user)
-    {
-        //
-    }
-}
-```
-**register.blade.php**
-```
-@extends('layouts.app2')
-@section('title', '会員登録')
-@section('content')
-    <div id="app">
-        <user-register></user-register>
-    </div>
-@endsection
-```
-**UserRegister.vue**
-```
-<template>
-    <div class="l-form p-form">
-        <h2 class="l-form__head p-form__head">
-            新規会員登録
-        </h2>
-        <div class="l-form__body p-form__body">
-            <div class="l-form-conteiner">
-                <div class="form-group">
-                    <label for="email" class="l-form__label p-form__label">メールアドレス</label>
-                    <span class="label-require">必須</span>
-                    <input id="email" class="l-form__input p-form__input" :class="{ hasErr: errors.email }" type="text" v-model="email" placeholder="PC・携帯どちらでも可">
-                    <div class="area-msg">
-                        {{ errors.email }}
-                    </div>
-                </div>
-                <div class="form-group">
-                    <label for="password" class="l-form__label p-form__label">パスワード</label>
-                    <span class="label-require">必須</span>
-                    <input id="password" class="l-form__input p-form__input" :class="{ hasErr: errors.password }" type="password" v-model="password" placeholder="6文字以上の半角英数字">
-                    <div class="area-msg">
-                        {{ errors.password }}
-                    </div>
-                </div>
-                <button type="button" class="p-btn btn-primary" @click="register">登録する</button>
-            </div>
-        </div>
-    </div>
-</template>
-<script>
-    export default {
-        data: function() {
-            return {
-                email: '',
-                password: '',
-                errors: ''
-            }
-        },
-        methods: {
-            register: function () {
-                this.errors = {};
-                var self = this;
-                var url = '/register';
-                var params = {
-                    email: this.email,
-                    password: this.password,
-                };
-                axios.post(url, params)
-                .then(function (response) {
-                    self.email = '';
-                    self.password = '';
-                })
-                .catch(function (error) {
-                    var responseErrors = error.response.data.errors;
-                    var errors = {};
-                    for(var key in responseErrors) {
-                        errors[key] = responseErrors[key][0];
-                    }
-                    self.errors = errors;
-                });
-            }
-        },
-        mounted() {
-            console.log('Component mounted.')
-        }
     }
 </script>