Javascript 如何将数据从laravel控制器发送到vuejs

如何将数据从Laravel Controller发送到vue？我已经设置了我认为可能的工作方式，但没有发送数据。我做错了什么？ 控制器（在单独的API文件夹中设置）：

来自api.php的路由：

Route::apiResources([
    'user' => 'API\UsersController'
]);

组件代码：

<template>
    <div>
        <v-toolbar flat color="white">
            <v-toolbar-title>Users</v-toolbar-title>
        </v-toolbar>
        <ol v-for="user in users">
            <li>Name: {{ user.name }}</li>
        </ol>
        <v-data-table
            :headers="headers"
            :items="users"
            :items-per-page="5"
            class="elevation-1"
            flat
        >
        </v-data-table>
    </div>
</template>

<script>
    import {AxiosInstance as axios} from "axios";

    export default {
        data () {
            return {
                headers: [
                    {
                        text: 'Username',
                        align: 'left',
                        value: 'username',
                    },
                    { text: 'Name', value: 'name' },
                    { text: 'Surname', value: 'surname' },
                    { text: 'Email', value: 'email' },

                ],
                users: [],
            }
        },
        methods: {
            loadUsers(){
                axios.get('./api/user').then(response => this.users = response.data);
            }
        },
        mounted() {
            this.loadUsers();
        }
    }
</script>

使用者
名称：{{user.Name}
从“axios”导入{AxiosInstance as axios}；
导出默认值{
数据（）{
返回{
标题：[
{
文本：“用户名”，
对齐：“左”，
值：“用户名”，
},
{text:'Name'，value:'Name'}，
{文本：'姓氏'，值：'姓氏'}，
{text:'Email'，value:'Email'}，
],
用户：[]，
}
},
方法：{
loadUsers（）{
get（'./api/user'）。然后（response=>this.users=response.data）；
}
},
安装的（）{
这是loadUsers（）；
}
}

我只是在上面放了一个简单的列表来测试阵列，但结果却是空的。

替换这个

 axios.get('./api/user').then(response => this.users = response.data);

用这个

  axios.get("api/user").then(({data}) => (this.users = data));

---

您需要使用websocket。看到了吗？你从vue js指向那条路线了吗？将简单的

dd（）

添加到您的

index（）

如果您没有从

dd（）

获取数据，您可能需要使用Collection它在网络选项卡中调用了什么url？

  axios.get("api/user").then(({data}) => (this.users = data));