无法从控制器获取数据到 Vue 组件

Question

我正在尝试使用 laravel 中的控制器从数据库中获取数据到 vue 组件，但由于某种原因没有在屏幕上显示任何内容，数据正在传递并且没有错误可以看到我唯一能看到的是“li”标记点比数据库中存在的条目多得多这就是我得到的：-控制器：-class MyRequestController extends Controller{    public function MyRequest()    {        return User::all();    }}组件视图：-<template>    <div class="container">        <div class="row justify-content-center">            <div class="col-md-8">                <div class="card">                    <div class="card-header">Example Component</div>                    <div class="card-body">                        <ul>                            <li v-for="user in users">{{users.email}}</li>                        </ul>                    </div>                </div>            </div>        </div>    </div></template><script>    export default {        data()        {            return {                users : []            }        },        created() {            axios.get('./userz')            .then(response => this.users = response.data);        }    }</script>我仍在弄清楚 laravel 中的 vue，所以如果你保持简单的答案，它真的会有所帮助。调试更改：-created() {            axios.get('./userz')            .then(response => this.users = response.data);            console.log(this.users);        }输出：-

Answer 1

您需要以 json 形式返回数据。因此，在您的控制器函数中将用户作为 json 响应返回。

return response()->json(User::all());