关于在 console.log 中显示错误时的行为答案

【问题标题】：About behavior when error is displayed in concole.log关于在 console.log 中显示错误时的行为
【发布时间】：2020-09-15 06:19:23
【问题描述】：

前端用Vue搭建，API服务器用Laravel搭建。

如果我在API调用前面加上try和catch，当我捕捉到它时在console.log中显示错误，只显示字符串，但不显示对象的内容。但是当我在console.log中显示error.response.data时，会显示响应信息。

在做console.log（错误）时，为什么我看不到某个对象的信息（error.response.data 等）？

Vue

try {
    var response = await axios.get('/user/1')

} catch(error) {
    console.log(error)
    console.log(error.response.data)
}

Laravel

public function showUser(Request $request, $user_id)
{
    $validator = \Validator::make($user_id, [
        'user_id'        => 'require',
    ]);

    if ($validator->fails()) {
        return response()->json([
            'status' => 422,
            'errors' => $validator->errors()
        ], 422);
    }

    return User::find($user_id');
}

【问题讨论】：

你能分享两个console.log的输出吗
对不起。自己解决了。这是我的误会。

标签： javascript laravel

【解决方案1】：

您不需要在 axios 调用上使用 try catch。改为这样做：

axios.get('/user/1')
    .then(response => {
        console.log(response.data);
    })
    .catch(error => {
        console.log(error.response.data); // your failed validation errors will be here
    })
    .finally(() => {
        // this will run always.
    });

【讨论】：

对不起。自己解决了。这是我的误会。