laravel - Laravel和Vue axios get方法返回Getters和Setters？

我是vue.js的新手，尝试使用axios从laravel api获取数据。
后端中的函数将数组返回为：

public function getPersonTypes()
{
    $data = [];
    $personTypes = config('codeechoo.documentation.config.personTypes');
    foreach ($personTypes as $id => $type) {
        $data[] = [
            'id' => $id,
            'name' => trans($type)
        ];
    }

    return response()->json($data);
}

方法中的vue函数是：

fetchPersonTypes() {
           axios.get(route('api.documentation.person.types'))
                .then((response) => {
                    console.log(response.data);
                    this.personTypes = response.data;
                });
        }

但是控制台将结果显示为一个对象数组，如：

id: Getter & Setter
name: Getter & Setter

那么我怎样才能得到id，name props的真实值呢？

最佳答案

您可以通过串接然后解析数据来提取数据：

let personTypes = JSON.parse(JSON.stringify(response.data));
console.log(personTypes);

现在您将在控制台中看到的是没有getter和setter的整个数据。

关于laravel - Laravel和Vue axios get方法返回Getters和Setters？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/51852821/