Php I';我试图使用fetch从我的api中获取数据,它返回空白,没有错误

Php I';我试图使用fetch从我的api中获取数据,它返回空白,没有错误,php,vue.js,laravel-5.6,Php,Vue.js,Laravel 5.6,我创建了一个简单的应用程序来显示成员,基本上是crud,在设置api路由和资源之后, 我正在尝试使用vue作为前端从api中获取数据,它返回空白而不会出错。我做错了什么。该表显示正常,但未提取数据。 这是我的代码。 <template> <div> <table class="table table-condensed"> <tr> <th>Full Name</th>

我创建了一个简单的应用程序来显示成员,基本上是crud,在设置api路由和资源之后, 我正在尝试使用vue作为前端从api中获取数据,它返回空白而不会出错。我做错了什么。该表显示正常,但未提取数据。
这是我的代码。

<template>
<div>
   <table class="table table-condensed">
       <tr>
           <th>Full Name</th>
           <th>Gender</th>
           <th>Age</th>
           <th>Country</th>
       </tr>
       <tr v-for="member in members" v-bind:key="member.id">
           <td>{{member.name}} {{member.surname}}</td>
           <td>
               {{member.gender}}
           </td>
           <td>
               {{member.age}}
           </td>
           <td>
               {{member.country}}
           </td>
       </tr>
   </table>
</div></template>

  <script>
  export default {
  data(){
        return{
            members: [],
            member:{
                id: '',
                name: '',
                surname: '',
                age: '',
                gender: '',
                email: '',
                country: ''
            },
        }
    },
    created(){
        this.listMembers();
    },
    methods:{
        listMembers(){
            fetch(`api/members`,{
                method:'Get'
            })
            .then(res => res.json())
            .then(res => {
                this.members = this.data;
            })
            .catch(err => console.log(err));
        },
    }
}
</script>

我必须使它成为
res.data
,因为
data
是我的响应api,它工作正常

res=>{this.members=this.data;}
。。这是哪里的数据?你没有向API发送任何参数。
this.members=this.data
应该是
this.members=res
它来自我的API端点谢谢大家的建议。我必须将其设置为res.data,因为该数据是我的响应api,并且工作正常。非常感谢。
<?php

namespace App\Http\Controllers;

use Illuminate\Http\Request;
use Illminate\Http\Response;
use App\Members;
use App\Http\Resources\MembersResource;

class MembersController extends Controller
{
    //list all Members
    public function index(){
        $members = Members::orderBy('id','desc')->paginate(10);
        return MembersResource::collection($members);
    }

    //list a single member
    public function member($id){
        $member = Members::findOrFail($id);
        return new MembersResource($member);
    }

    public function delete_member($id){
        $member = Members::findOrFail($id);
        if($member->delete()){
            return new MembersResource($member);
        }
    }
}
<?php

namespace App\Http\Resources;

use Illuminate\Http\Resources\Json\JsonResource;

class MembersResource extends JsonResource
{
    /**
     * Transform the resource into an array.
     *
     * @param  \Illuminate\Http\Request  $request
     * @return array
     */
    public function toArray($request)
    {
        return [
            'id' => $this->id,
            'name' => $this->name,
            'surname' => $this->surname,
            'gender' => $this->gender,
            'age' => $this->age,
            'email' => $this->email,
            'country' => $this->country
        ];
        //return parent::toArray($request);
    }
}
Route::get('/members', 'MembersController@index');
Route::get('/member/{id}', 'MembersController@member');
Route::delete('/member/{id}', 'MembersController@delete_member');