在laravel 5.4 + vueJS中处理表单验证错误

namespace App\Http\Requests;

use Illuminate\Foundation\Http\FormRequest;

class CreateUserRequest extends FormRequest
{
    public function authorize()
    {
        return true;
    }

    public function rules()
    {
        return [
            'name' => 'required',
            'email' => 'required|email|unique:users',
            'password' => 'required|min:6',
        ];
    }

    public function messages()
    {
        return [
            'name.required' => '姓名不能为空',
            'email.required' => '邮箱不能为空',
            'email.email' => '邮箱格式不正确',
            'email.unique' => '该邮箱已被注册',
            'password.required' => '密码不能为空',
            'password.min' => '密码长度不能少于6位',
        ];
    }
}

methods: {
  submitForm() {
    axios.post('/api/users', this.formData)
      .then(response => {
        // 处理成功逻辑
      })
      .catch(error => {
        if (error.response.status === 422) {
          this.errors = error.response.data.errors;
        } else {
          // 处理其他错误
        }
      });
  }
}

<div v-if="errors">
  <ul>
    <li v-for="(error, field) in errors" :key="field">
      {{ error[0] }}
    </li>
  </ul>
</div>