LoginSignup
iwantit
@iwantit

Are you sure you want to delete the question?

Leaving a resolved question undeleted may help others!

Vue.js + LaravelでDBアクセスについて

【開発環境】
Windows 10 HOME
PHP 7.4.7
laravel/framework: ^7.29,
laravel/tinker: ^2.5,
laravel/ui: 2
vue": "^2.5.17",
vue-router": "^3.5.1"

解決したいこと

Vue.js + Laravelの勉強で下記の記事を見て
ローカルで開発していますがDBから一覧画面に表示する所で
DBから取得した値が表示したいのです、されません。

Vue.js + LaravelでシンプルなSPA構築チュートリアル:概要編

【試したこと】
・DBは SQLiteとmysql を試しました
・DB(SQLiteとmysql)にはseeding や tinker は出来ていました。

何か心当たりがある方、
解決方法を教えて下さい。

0

1Answer

どの部分で問題が起きているのかを探る必要があります。

  1. データベースに接続できているか(Laravelのログなどを確認する)
  2. データベースにデータは登録されているか(phpMyAdminなどのクライアントで確認する)
  3. データベースからデータが取得できているか(dd()などでdumpしてみる)
  4. APIにリクエストして、jsonデータが取得できるか(ブラウザからURLにアクセスしてみる)
  5. VueでAPIにリクエスト出来ているか(ブラウザのデベロッパーツールなどで確認)
  6. データが表示できるか(適当なデータを設定してみる)
1

Comments

  1. @iwantit

    Questioner
    @blue32a 様

    ご回答ありがとうございました。
    Laravelのログをみた所、下記の出力があり

    Class 'app\Models\Task' not found {"exception":"[object] (Error(code: 0): Class 'app\\Models\\Task' not found at C:\\laravel\\vue\\vue-laravel-spa\\app\\Http\\Controllers\\TaskController.php:14)

    TaskController.php の

    app\\Models\\Task

    App\\Models\\Task

    「a」を「A」と変更した所、無事表示が出来ました。
  2. 解決できたようで良かったです。

Your answer might help someone💌