如何将Laravel Resource API数据传递给Vuejs？

php artisan make:resource YourResourceName

<?php

namespace App\Http\Resources;

use Illuminate\Http\Resources\Json\JsonResource;

class YourResourceName extends JsonResource
{
    public function toArray($request)
    {
        return [
            'id' => $this->id,
            'name' => $this->name,
            // 其他字段
        ];
    }
}

use App\Http\Resources\YourResourceName;

public function index()
{
    $data = YourModelName::all();
    return YourResourceName::collection($data);
}

import axios from 'axios';

export default {
    data() {
        return {
            items: []
        };
    },
    mounted() {
        axios.get('/api/your-endpoint')
            .then(response => {
                this.items = response.data.data;
            })
            .catch(error => {
                console.log(error);
            });
    }
}

<template>
    <div>
        <ul>
            <li v-for="item in items" :key="item.id">
                {{ item.name }}
            </li>
        </ul>
    </div>
</template>