javascript - Laravel 5.1 和 Vue.js - 21678 未捕获( promise )TypeError : Cannot read property 'data' of null

Question

我正在使用 Laravel 和 Vue.js 创建一个应用程序，最初我的应用程序运行良好，在创建了一个组件之后，该组件遵循与其他组件相同的过程，数据不再显示在表中，我开始

fetchUser: function(page) {
            var _this2 = this;
            this.$http.get('http://localhost:8000/api/v1/users?page='+page).then((response) => {
                _this2.$set('users', response.data.data);

                _this2.$set('pagination', response.data);
            }, (response) => {
                console.log("Ocorreu um erro na operação");
            });
        },

出现以下错误“main.js: 21678 Uncaught (in promise) TypeError: Can not read property 'data' of null”，其中一切都表明它在第 21678 行的 main.js 文件中。如果有人知道是什么发生了请帮助我。接下来我将介绍导致错误的函数的代码。

当我运行“console.log(响应)”时，结果如下图所示: console.log(response)

请帮助我，因为我想使用 Laravel 和 Vue.js 继续这个动态。

Answer 1

不确定为什么会出现这种情况，但答案很明确:您的数据不在 response.data 中，而是在 response.body

中

请确保您在 Laravel Controller 中使用 JSON 响应:

return response()->json([
    // your data
]);

然后我认为它应该是内部数据，因为它应该符合惯例。