Php I';我试图使用fetch从我的api中获取数据,它返回空白,没有错误
我创建了一个简单的应用程序来显示成员,基本上是crud,在设置api路由和资源之后, 我正在尝试使用vue作为前端从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>
这是我的代码。
<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');