Laravel Vue.js axiosでデータベースを取得したい

Question

laravel vue.jsを使っていてVueからデータベースの情報を取得できずに困っています。
エラーも出てこないのでどこが違うのか教えていただけると幸いです、

resources/js/pages/Post.vue

<template>
<div>
   <ul v-for="(post, id) in posts" :key="id">
    <li>{{ post.name }}</li>
  </ul>
</div>
</template>
<script>
export default {
 created(){
   this.getPosts()
 },
 data() {
   return {
    posts: []
    }
 },
 methods: {
  async getPosts() {
        const res = await axios.get('/api/post')
        this.posts = res.data
        }
 }
}
</script>
```routes/api.php
```PHP
<?php

Route::group(['middleware' => 'api'], function() {
    Route::get('/post', function(){
        $posts = App\Post::all();
        return $posts;
    });
});

Answer 1

新しくテーブルを作成して１から書き直したら無事できました
すみません