尝试在axios中显示laravel验证错误

public function store(Request $request)
{
    $rules = [
        'name' => 'required',
        'email' => 'required|email',
        // 其他字段验证规则
    ];

    $messages = [
        'name.required' => '姓名不能为空',
        'email.required' => '邮箱不能为空',
        'email.email' => '请输入有效的邮箱地址',
        // 其他字段错误消息
    ];

    $validator = Validator::make($request->all(), $rules, $messages);

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

    // 验证通过，继续处理其他逻辑
}

axios.post('/api/endpoint', data)
    .then(response => {
        // 请求成功，继续处理其他逻辑
    })
    .catch(error => {
        if (error.response.status === 422) {
            const errors = error.response.data.errors;
            // 处理错误信息
            // 示例：将错误信息显示到页面上的某个元素中
            const errorElement = document.getElementById('error-message');
            errorElement.innerText = errors[Object.keys(errors)[0]][0];
        }
    });