無法從 controller 獲取數據到 Vue 組件

Question

我正在嘗試使用 laravel 中的 controller 將數據從數據庫獲取到 vue 組件，但由於某種原因，屏幕上沒有顯示任何內容，
數據正在傳遞，沒有錯誤可見
我唯一能看到的是“li”標簽點，它比數據庫中存在的條目要多得多

這就是我得到的：-

Controller:-

class MyRequestController extends Controller
{
    public function MyRequest()
    {
        return User::all();
    }
}

Vue 組件：-

<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);

        }

OUTPUT:-

Answer 1

您需要以 json 的形式返回數據。 因此，在您的 controller function 中，將用戶作為 json 響應返回。

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