title: Internal server error 500 when postig data to laravel project using Axios in Vue.js
body: <p>I am trying to send data to my laravel application using axios in Vue but i had this error </p>
  
  <pre><code>Error: Request failed with status code 500
      at e.exports (axios.min.js:8)
      at e.exports (axios.min.js:8)
      at XMLHttpRequest.l.(anonymous function) (http://localhost:8000/js/axios.min.js:8:3282)
  </code></pre>
  
  <p>Axios code:</p>
  
  <pre><code>   addExperience: function () {
                  axios.post(window.Laravel.url + '/addexperience', this.experience)
                      .then(response =&gt; {
                          console.log(response.data)
                      if(response.data.etat){
                              this.open = false;
                              this.experiences.push(this.experience);
                  }})
                  .catch(error =&gt; {
                      console.log(error);
                      console.log(window.Laravel.url + '/addexperience');
                      console.log(this.experience.titre);
                      console.log(this.experience);
                  });
              }
          },
  </code></pre>
  
  <p>Route:</p>
  
  <pre><code>    Route::post('/addexperience', 'CvController@addExperience');
  </code></pre>
  
  <p>Controller:</p>
  
  <pre><code>    public function addExperience(Request $request){
      $exp = new Experience();
      $exp-&gt;titre = $request-&gt;titre;
      $exp-&gt;description = $request-&gt;description;
      $exp-&gt;debut = $request-&gt;debut;
      $exp-&gt;fin = $request-&gt;fin;
      $exp-&gt;cv_id = $request-&gt;cv_id;
      $exp-&gt;save();
  
      return Response()-&gt;json(['etat' =&gt; true, 'id' =&gt;$exp-&gt;id]);
  }
  </code></pre>
  
  <p>Please help me</p>