title: Laravel get a empty variable from axios.post from vuie.js module
body: <p>partners from stackOverflow im making a module using laravel like backend, and vue.js by frontend, i have a form to create a new entity, but the controller dont get the values¡, plz help me to find the error. I'm going to share the code.</p>
  
  <p>the routes.web</p>
  
  <pre><code>    //new event from API
      Route::resource('/api/events', 'EventsController', ['except' =&gt; 'show','create']);
  </code></pre>
  
  <p>The function in the controller EventsController.php</p>
  
  <pre><code>&lt;?php
  
  namespace soColfecar\Http\Controllers;
  
  use Illuminate\Http\Request;
  use Illuminate\Support\Facades\Hash;
  use soColfecar\Http\Requests\CreateEventRequest;
  use soColfecar\Http\Requests\UpdateEventRequest;
  use soColfecar\User;
  use soColfecar\Change;
  use soColfecar\Event;
  use soColfecar\Event_type;
  use Auth;
      public function store(Request $request)
  {
      $exploded = explode(',', $request-&gt;banner);
      $decoded = base64_decode($exploded[1]);
      if(str_contains($exploded[0],'jpeg'))
          $extension = 'jpg';
      else
          $extension = 'png';
      $fileName = str_random().'.'.$extension;
      $path = public_path().'/storage/banner/'.$fileName;
      file_put_contents($path, $decoded);
  
      Event::create([
          'event' =&gt; strtoupper($request['event']),
          'id_event_type' =&gt; $request['id_event_type'],
          'date_init' =&gt; $request['date_init'],
          'date_end' =&gt; $request['date_end'],
          //'banner' =&gt; $fileName,
      ]);
      Change::create([
          'description' =&gt; 'Creo el  de evento:'.$request['event'].' correctamente.',
          'id_item' =&gt; 10,
          'id_user' =&gt; Auth::user()-&gt;id,
      ]);
  
      return redirect()-&gt;route('events.index')
          -&gt;with('info', 'evento guardado con exito');
  }
  </code></pre>
  
  <p>the method:</p>
  
  <pre><code>&lt;form method="POST" v-on:submit.prevent="storeNewEvent"&gt;
                      &lt;div class="form-group m-form__group"&gt;
                          &lt;label for="eventTypeInput"&gt;Tipo de vento:&lt;/label&gt;
                          &lt;v-select :options="eventTypes"  v-model="newEvent.id_event_type" id="eventTypeInput"&gt;
                              &lt;template slot="option" slot-scope="option"&gt;
                                  {{ option.label }}
                              &lt;/template&gt;
                          &lt;/v-select&gt;
                          &lt;span v-for="error in errors" class="text-danger" :key="error.error"&gt;{{ error.city_id }}&lt;/span&gt;
                      &lt;/div&gt;
                      &lt;div class="form-group m-form__group"&gt;
                          &lt;label for="inputHotelName"&gt;Nombre del Evento&lt;/label&gt;
                          &lt;input type="text" class="form-control" name="inputHotelName" v-model="newEvent.event" placeholder="Nombre del Evento"&gt;
                          &lt;span v-for="error in errors" class="text-danger" :key="error.error"&gt;{{ error.hotel_name }}&lt;/span&gt;
                      &lt;/div&gt;
                      &lt;div class="form-group m-form__group"&gt;
                          &lt;label for="date_init_imput"&gt;Fecha de inicio&lt;/label&gt;
                              &lt;input class="form-control" type="date" v-model="newEvent.date_init" value="" id="date_init_imput"&gt;
                      &lt;/div&gt;
                      &lt;div class="form-group m-form__group"&gt;
                          &lt;label for="date_end_imput"&gt;Fecha de finalizacion&lt;/label&gt;
                              &lt;input class="form-control" type="date" v-model="newEvent.date_end" value="" id="date_end_imput"&gt;
                      &lt;/div&gt;
                      &lt;div class="form-group m-form__group"&gt;
                          &lt;label for="customFile"&gt;Banner del Evento&lt;/label&gt;
                          &lt;div&gt;&lt;/div&gt;
                          &lt;div class="custom-file"&gt;
                              &lt;input type="file" class="custom-file-input" @change="getLogo" id="customFile"&gt;
                              &lt;label class="custom-file-label" for="customFile"&gt;Seleccione archivo&lt;/label&gt;
                              &lt;span v-for="error in errors" class="text-danger" :key="error.error"&gt;{{ error.logo }}&lt;/span&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
  
                      &lt;hr&gt;
                      &lt;button type="submit" class="btn btn-info waves-effect text-left"&gt;Guardar&lt;/button&gt;
                  &lt;/form&gt;
  data() {
      return {
          changes:    [],
          eventTypes: [],
          errors:     [],
          newEvent: {
              event:          '',
              id_event_type:  '',
              date_init:      '',
              date_end:       '',
              banner:         '',
          }
      }
  },
      storeNewEvent : function() {
          var url = 'api/events';
          var newEvent = this.newEvent
          axios.post(url, {event: this.newEvent}).then(response =&gt; {
              this.newEvent = {}
              this.errors = [];
              $('#new_event_modal').modal('hide');
              $('.modal-backdrop').remove();
              toastr.success('Se ha creado el evento con exito!')
          }).catch(error =&gt; {
              this.errors = error.response.data
          });
      },
  </code></pre>
  
  <p>And the error</p>
  
  <p><strong>"Too few arguments to function soColfecar\Http\Controllers\EventsController::store(), 0 passed and exactly 1 expected"</strong></p>
  
  <p><a href="https://i.stack.imgur.com/eBbhV.png" rel="nofollow noreferrer">enter image description here</a></p>