title: Vue-Laravel 500 (Internal Server Error) while posting
body: <p>I am trying to create a simple CRUD using Vue and Laravel. I have a route in <code>web.php</code>:</p>
  
  <pre><code>Route::resource('phonebook','PhonebookController');
  </code></pre>
  
  <p>and in the <code>Add.vue</code> file, i am using <code>axios</code> to send POST requests:</p>
  
  <pre><code>saveData(){
    console.log(this.$data.list);
    axios.post(`phonebook`,this.$data.list)
      .then((response)=&gt; {
        this.close()
      })
      .catch((error) =&gt; this.errors = error.response.data.errors)
  }
  </code></pre>
  
  <p>I have tested if this works for <code>GET</code> method without any error. But while posting, it shows:</p>
  
  <blockquote>
    <p>app.js:1002 POST <a href="http://localhost:8000/phonebook" rel="nofollow noreferrer">http://localhost:8000/phonebook</a> 500 (Internal Server Error)</p>
  </blockquote>
  
  <p>Can anyone help me in this regard?</p>