无法从控制器获取数据到 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&nbsp;response()->json(User::all());