質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
86.12%
Vue.js

Vue.jsは、Webアプリケーションのインターフェースを構築するためのオープンソースJavaScriptフレームワークです。

MySQL

MySQL(マイエスキューエル)は、TCX DataKonsultAB社などが開発するRDBMS(リレーショナルデータベースの管理システム)です。世界で最も人気の高いシステムで、オープンソースで開発されています。MySQLデータベースサーバは、高速性と信頼性があり、Linux、UNIX、Windowsなどの複数のプラットフォームで動作することができます。

Laravel

LaravelとはTaylor Otwellによって開発された、オープンソースなPHPフレームワークです。Laravelはシンプルで表現的なシンタックスを持ち合わせており、ウェブアプリケーション開発の手助けをしてくれます。

POST

POSTはHTTPプロトコルのリクエストメソッドです。ファイルをアップロードしたときや入力フォームが送信されたときなど、クライアントがデータをサーバに送る際に利用されます。

PHP

PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

解決済

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

popc
popc

総合スコア28

Vue.js

Vue.jsは、Webアプリケーションのインターフェースを構築するためのオープンソースJavaScriptフレームワークです。

MySQL

MySQL(マイエスキューエル)は、TCX DataKonsultAB社などが開発するRDBMS(リレーショナルデータベースの管理システム)です。世界で最も人気の高いシステムで、オープンソースで開発されています。MySQLデータベースサーバは、高速性と信頼性があり、Linux、UNIX、Windowsなどの複数のプラットフォームで動作することができます。

Laravel

LaravelとはTaylor Otwellによって開発された、オープンソースなPHPフレームワークです。Laravelはシンプルで表現的なシンタックスを持ち合わせており、ウェブアプリケーション開発の手助けをしてくれます。

POST

POSTはHTTPプロトコルのリクエストメソッドです。ファイルをアップロードしたときや入力フォームが送信されたときなど、クライアントがデータをサーバに送る際に利用されます。

PHP

PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

2回答

0リアクション

1クリップ

4308閲覧

投稿2019/10/20 12:15

編集2019/10/24 10:02

前提・実現したいこと

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

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

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

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

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

該当のソースコード

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

javaScript

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(必要なところ以外省略しています)

javaScript

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

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

php

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

RegisterController.php

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

以下のような質問にはリアクションをつけましょう

  • 質問内容が明確
  • 自分も答えを知りたい
  • 質問者以外のユーザにも役立つ

リアクションが多い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

気になる質問をクリップする

クリップした質問は、後からいつでもマイページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

下記のような質問は推奨されていません。

  • 間違っている
  • 質問になっていない投稿
  • スパムや攻撃的な表現を用いた投稿

適切な質問に修正を依頼しましょう。

まだ回答がついていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
86.12%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問

同じタグがついた質問を見る

Vue.js

Vue.jsは、Webアプリケーションのインターフェースを構築するためのオープンソースJavaScriptフレームワークです。

MySQL

MySQL(マイエスキューエル)は、TCX DataKonsultAB社などが開発するRDBMS(リレーショナルデータベースの管理システム)です。世界で最も人気の高いシステムで、オープンソースで開発されています。MySQLデータベースサーバは、高速性と信頼性があり、Linux、UNIX、Windowsなどの複数のプラットフォームで動作することができます。

Laravel

LaravelとはTaylor Otwellによって開発された、オープンソースなPHPフレームワークです。Laravelはシンプルで表現的なシンタックスを持ち合わせており、ウェブアプリケーション開発の手助けをしてくれます。

POST

POSTはHTTPプロトコルのリクエストメソッドです。ファイルをアップロードしたときや入力フォームが送信されたときなど、クライアントがデータをサーバに送る際に利用されます。

PHP

PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。