title: No error messages from 422 response on laravel form request from vue component
body: <p>I'm trying to submit a form request using axios, have it validated, and return errors if the validation fails. The problem is, when I submit the form, no error messages are returned for me to show on the client side. Here's the <strong>HTTP request and vue component</strong>: 
       </p>
  
  <pre><code>         &lt;div class="card"&gt;
              &lt;div class="card-header"&gt;
                      &lt;h4&gt;Information&lt;/h4&gt;
              &lt;/div&gt;
  
          &lt;div class="card-body"&gt;
              &lt;p v-if='!isEditMode'&gt;&lt;strong&gt;Name:&lt;/strong&gt; {{businessData.name}}&lt;/p&gt; 
              &lt;div class="form-group" v-if='isEditMode'&gt;
                  &lt;strong&gt;&lt;label for="business-name"&gt;Name&lt;/label&gt;&lt;/strong&gt; 
                  &lt;input class="form-control" name="business-name"  v-model='businessData.name'&gt;
              &lt;/div&gt;
              &lt;p v-if='!isEditMode'&gt;&lt;strong&gt;Description:&lt;/strong&gt; {{businessData.description}}&lt;/p&gt; 
              &lt;div class="form-group" v-if='isEditMode'&gt;
                  &lt;strong&gt;&lt;label for="business-description"&gt;Description&lt;/label&gt;&lt;/strong&gt; 
                  &lt;textarea class="form-control normal" name="business-description" 
                      placeholder="Enter your services, what you sell, and why your business is awesome" 
                      v-model='businessData.description'&gt;&lt;/textarea&gt;
              &lt;/div&gt;
          &lt;/div&gt;
  
      &lt;/div&gt;
  
      &lt;div class="card"&gt;
          &lt;h4 class="card-header"&gt;Address Information&lt;/h4&gt;
          &lt;div class="card-body"&gt;
  
              &lt;p v-if="!isEditMode"&gt;&lt;strong&gt;Street Address: &lt;/strong&gt; {{businessData.street}}&lt;/p&gt;
              &lt;div class="form-group" v-if='isEditMode'&gt;
                  &lt;strong&gt;&lt;label for="business-street"&gt;Street Address: &lt;/label&gt;&lt;/strong&gt; 
                  &lt;input type="text" class="form-control" name="business-street"  v-model='businessData.street' placeholder="1404 e. Local Food Ave"&gt;
              &lt;/div&gt;
              &lt;p v-if="!isEditMode"&gt;&lt;strong&gt;City: &lt;/strong&gt; {{businessData.city}}&lt;/p&gt;
              &lt;div class="form-group" v-if='isEditMode'&gt;
                  &lt;strong&gt;&lt;label for="business-city"&gt;City: &lt;/label&gt;&lt;/strong&gt; 
                  &lt;input class="form-control" type="text" name="business-city"  v-model='businessData.city'&gt;
              &lt;/div&gt;
              &lt;p v-if="!isEditMode"&gt;&lt;strong&gt;State: &lt;/strong&gt; {{businessData.state}}&lt;/p&gt;
              &lt;div class="form-group" v-if='isEditMode'&gt;
                  &lt;strong&gt;&lt;label for="business-state"&gt;State: &lt;/label&gt;&lt;/strong&gt; 
                  &lt;select class="form-control" name="business-state"  id="state" v-model="businessData.state" &gt;...&lt;/select&gt;                                 
              &lt;/div&gt;
              &lt;p v-if="!isEditMode"&gt;&lt;strong&gt;Zip: &lt;/strong&gt; {{businessData.zip}}&lt;/p&gt;
              &lt;div class="form-group" v-if='isEditMode'&gt;
                  &lt;strong&gt;&lt;label for="business-zip"&gt;Zip: &lt;/label&gt;&lt;/strong&gt; 
                  &lt;input class="form-control" type="text" maxlength="5" name="business-zip"  v-model='businessData.zip'&gt;
              &lt;/div&gt;
  
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="card"&gt;
          &lt;h4 class="card-header"&gt;Contact Information&lt;/h4&gt;
          &lt;div class="card-body"&gt;
              &lt;p v-if="!isEditMode"&gt;&lt;strong&gt;Phone: &lt;/strong&gt; {{businessData.phone}}&lt;/p&gt;
              &lt;div class="form-group" v-if='isEditMode'&gt;
                  &lt;strong&gt;&lt;label for="business-phone"&gt;Phone: &lt;/label&gt;&lt;/strong&gt; 
                  &lt;input class="form-control" type="tel" name="business-phone"  v-model='businessData.phone'&gt;
              &lt;/div&gt;
              &lt;p v-if="!isEditMode"&gt;&lt;strong&gt;Email: &lt;/strong&gt; {{businessData.email}}&lt;/p&gt;
              &lt;div class="form-group" v-if='isEditMode'&gt;
                  &lt;strong&gt;&lt;label for="business-Email"&gt;Email: &lt;/label&gt;&lt;/strong&gt; 
                  &lt;input class="form-control" type="email" name="business-email"  v-model='businessData.email'&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  &lt;script&gt;
  export default {
      data () {
          return {
              isEditMode: false,
              businessData: this.business,
              userData: this.user,
              errors: []
          }
      },
      props: {
          business: {},
          user: {},
          role: {}
      },
      //Todo - Institute client side validation that prevents submission of faulty data
      methods: {
          validateData(data) {
  
          },
          saveBusinessEdits () {
              axios.put('/businesses/' + this.business.id , {updates: this.businessData})
              .then(response =&gt; {
                  console.log(response.data)
                  // this.businessData = response.data;
                  this.isEditMode = false;
              })
              .catch (response =&gt; {
                  console.log(response.data)
                  this.isEditMode = false;
              })
          },
          saveUserEdits () {
              axios.put('/profile/' + this.user.id , {updates: this.userData})
              .then(response =&gt; {
                  console.log(response.data)
                  this.userData = response.data;
                  this.isEditMode = false;
              })
              .catch (response =&gt; {
                  console.log(response)
                  this.isEditMode = false;
              })
          }
      }
  }
  </code></pre>
  
  <p>
  <strong>Route</strong></p>
  
  <pre><code>Route::put('/businesses/{id}', 'BusinessesController@update');
  </code></pre>
  
  <p><strong>BusinessController and update function</strong></p>
  
  <pre><code>  public function update(BusinessRequest $request, $id)
  {
  
      $business = Business::find($id)-&gt;update($request-&gt;updates);
  
  
      $coordinates = GoogleMaps::geocodeAddress($business-&gt;street,$business-&gt;city,$business-&gt;state,$business-&gt;zip);
          if ($coordinates['lat']) {
              $business['latitude'] = $coordinates['lat'];
              $business['longitude'] = $coordinates['lng'];
              $business-&gt;save();
              return response()-&gt;json($business,200);
          } else {                    
              return response()-&gt;json('invalid_address',406);
          }
          $business-&gt;save();
          return response()-&gt;json($business,200);
  }
  </code></pre>
  
  <p>and <strong>BusinessRequest class</strong> </p>
  
  <pre><code>/**
   * Get the validation rules that apply to the request.
   *
   * @return array
   */
  public function rules()
  {
      return [
          'business-name'=&gt; 'required|string|max:255',
          'business-description'=&gt; 'required|string',
          'business-phone' =&gt; 'nullable|phone|numeric',
          'business-email' =&gt; 'nullable|email',
          'business-street'=&gt; 'required|string',
          'business-city' =&gt; 'required|string',
          'business-state' =&gt; 'required|string|max:2',
          'business-zip' =&gt; 'required|min:5|max:5|numeric', 
      ];
  }
  
  public function messages() {
      return [
          'business-zip.min:5' =&gt;'your zip code must be a 5 characters long',
          'business-email.email'=&gt;'your email is invalid',
          'business-phone.numeric'=&gt;'your phone number is invalid',
      ];
  }
  }
  </code></pre>
  
  <p>I don't understand why, even if input valid data, it responds with a 422 response and absolutely no error messages. Since this is laravel 5.6, the 'web' middleware is automatic in all of the routes in the <code>web.php</code> file. So this isn't the problem. Could anyone help me normalize the validation behavior? </p>