Laravelのdd()
はじめに
自分の今までのdd()
の使い方と最近知った使い方を紹介します。
dd()の詳細
前提
- DBは
posts
- Laravel + Vue.jsでの開発
-
posts
を確認したい - Google Chrome
ブラウザで表示する
PostController.php
// 一部抜粋
public function index()
{
$posts = Post::all();
dd($posts);
return response()->json([
'posts' => $posts
]);
}
// 一部抜粋
public function index()
{
$posts = Post::all();
dd($posts);
return response()->json([
'posts' => $posts
]);
}
dd()
に$posts
渡し、index
を呼び出すURLを見ると
のように見れます。▶をクリックするとより詳しく見れます。
デベロッパーツールで確認
Laravel + Vue.jsでの開発でLaravelが頑なに500しか返してこず困っていた時、インターン先の社員の方に教えていただきました。(状況を忘れてしまったのでデベロッパーツールで確認する方法だけを紹介します。)
// 一部抜粋
public function index()
{
$posts = Post::all();
dd($posts);
return response()->json([
'posts' => $posts
]);
}
これは同じです。
次にVue.jsのAPI呼び出しのURLに行きます。一応コードを。
// 一部抜粋
axios.get('/api/posts')
.then(response => {
this.posts = response.data.posts
console.log(this.posts)
})
.catch(error => {
console.log(error)
})
F12を押しデベロッパーツールのConsoleタブをクリックしましょう。dd()
を書いているのでもちろんthis.posts
はundefined
です。↓
目的はdd()
で$posts
を確認するでした。それでは赤で記されたNetworkタブをクリックしましょう。↓
Webページでロードされるリソースに関するデータが見れます。さらにpostsをクリックしPreviewを確認すると、、、
Vue.js側からもdd()
に渡した$posts
が見れました。
これからの意気込み
Laravel + Vue.jsでの開発は始めたばかりなのでいろいろなことを吸収し頑張っていきたい。
補足
dump()
でも同じことができます。
dump()の詳細
また、今回はGET
を確認しましたが、POST
、PUT
、DLETE
などもデベロッパーツールで確認することができます。
Author And Source
この問題について(Laravelのdd()), 我々は、より多くの情報をここで見つけました https://qiita.com/ky0he11218/items/ba596b57d6027cc21166著者帰属:元の著者の情報は、元のURLに含まれています。著作権は原作者に属する。
Content is automatically searched and collected through network algorithms . If there is a violation . Please contact us . We will adjust (correct author information ,or delete content ) as soon as possible .