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

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

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

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

Laravel

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

Ajax

Ajaxとは、Webブラウザ内で搭載されているJavaScriptのHTTP通信機能を使って非同期通信を利用し、インターフェイスの構築などを行う技術の総称です。XMLドキュメントを指定したURLから読み込み、画面描画やユーザの操作などと並行してサーバと非同期に通信するWebアプリケーションを実現することができます。

API

APIはApplication Programming Interfaceの略です。APIはプログラムにリクエストされるサービスがどのように動作するかを、デベロッパーが定めたものです。

Q&A

解決済

2回答

1073閲覧

Laravel + Vue.js とaxiosを使ったDB登録のエラーについて

CCHH

総合スコア11

Vue.js

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

Laravel

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

Ajax

Ajaxとは、Webブラウザ内で搭載されているJavaScriptのHTTP通信機能を使って非同期通信を利用し、インターフェイスの構築などを行う技術の総称です。XMLドキュメントを指定したURLから読み込み、画面描画やユーザの操作などと並行してサーバと非同期に通信するWebアプリケーションを実現することができます。

API

APIはApplication Programming Interfaceの略です。APIはプログラムにリクエストされるサービスがどのように動作するかを、デベロッパーが定めたものです。

0グッド

0クリップ

投稿2020/03/09 19:15

プログラミング初心者です。
エラーが出ているので教えて頂ければ幸いです。

前提・実現したいこと

axiosを使ってDBにデータを登録したいです。

普通のデータ登録は出来たのですが、ログインしたuserのuser idを紐付けてデータ登録したいです。
(ログインしたuserが自分の登録したものだけを表示させたいため)

post すると以下のようなエラーが表示されました。

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

Uncaught (in promise) Error: Request failed with status code 500 at createError at settle at XMLHttpRequest.handleLoad

該当のソースコード

javascript

1 2export default { 3 data(){ 4 return{ 5 todo:[] 6 } 7 }, 8 methods: { 9 addTodo: function(){ 10 axios.post('/api/add',{ 11 name: this.todo 12 }) 13 .then((res)=>{ 14 this.todos = res.data 15 this.todo = '' 16 }) 17 }

PHP

1api.php 2Route::group(['middleware' => 'api'], function() { 3 4 Route::post('/add', 'TodoController@addTodo'); 5 6TodoController.php 7public function addTodo(Request $request){ 8 $todos = new Todo; 9 $todos->user_id = Auth::user()->id; 10 $todos->name = $request->name; 11 $todos->save(); 12 return $todos;

試したこと

$todos->user_id = Auth::user()->idを $todos->user_id = Auth::id();にしてみましたが、ダメでした。
user/idを紐付けない方法($todos->user_id = Auth::user()->id; と DBのuser_idカラムなしの状態)であれば、postできました。

また、Karnel.phpでapiにsession持たせるように記載もしています。
このページは、home.blade.phpにvue routerにてページ表示をさせているのですが、home.blade.phpに

PHP

1<?php 2$id = Auth::id(); 3echo($id); 4?>

を記載するとuser_idは表示されています。
つまりuser_idは取得出来ているから、これをそのままDBのuser_idカラムに登録できるはずだと思っていましたが・・・
エラーが解消されません。

お手数おかけしますが、どうぞよろしくお願いします。

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

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

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

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答2

0

自己解決

別の方法で解決する事ができました。

PHP

1 2TodoController// 3 4 public function addTodo(Request $request){ 5 6 $todos = new Todo; 7 $todos->user_id = Auth::id(); 8 $todos->name = $request->name; 9 $todos->save(); 10 $todos = Todo::all(); 11 return $todos; 12 }

この書き方で出来ました。

エラーの詳細をデベロッパーツール→network→該当エラークリック→previewで確認しました。

ご回答頂いた方からは、「Kernel.php書き換えなんてしてるのが根本的に間違い。」、「セッションを使うならroutes/web.php」とアドバイス頂きましたが、Kanel.phpは書き換えて正解だったしweb.phpにsesson関連は一切していません。
また他にご提案頂いた、Todoモデルも特に問題なかったので書き換えせず、$fillableも問題ありませんでした。

投稿2020/03/15 04:07

CCHH

総合スコア11

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

0

storage/logsにエラーログがあるから最初に見るのはそこ。

routes/api.phpではなくroutes/web.phpに書く。
Kernel.php書き換えなんてしてるのが根本的に間違い。
セッションを使うならroutes/web.php

後はTodoモデル書かないと分からない。
単に$fillableが足りないだけも多い。

投稿2020/03/10 00:52

kawax

総合スコア10377

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

ただいまの回答率
85.48%

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

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

質問する

関連した質問