laravel vue.jsを使っていてVueからデータベースの情報を取得できずに困っています。
エラーも出てこないのでどこが違うのか教えていただけると幸いです、
resources/js/pages/Post.vue
js
1 2<template> 3<div> 4 <ul v-for="(post, id) in posts" :key="id"> 5 <li>{{ post.name }}</li> 6 </ul> 7</div> 8</template> 9<script> 10export default { 11 created(){ 12 this.getPosts() 13 }, 14 data() { 15 return { 16 posts: [] 17 } 18 }, 19 methods: { 20 async getPosts() { 21 const res = await axios.get('/api/post') 22 this.posts = res.data 23 } 24 } 25} 26</script> 27```routes/api.php 28```PHP 29<?php 30 31Route::group(['middleware' => 'api'], function() { 32 Route::get('/post', function(){ 33 $posts = App\Post::all(); 34 return $posts; 35 }); 36});
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。