title: vue js return empty object response
body: <p>Axios 'get' request returns an empty object response when I pass the route to retrieve JSON object</p>
  
  <p>I want to retrieve JSON data from my registration controller but gets an empty response</p>
  
  <p>this is my registration controller</p>
  
  <pre class="lang-php prettyprint-override"><code>public function show($id)
  {
      $registration =
           $this-&gt;registrationRepository-&gt;findRegistrationById($id);
  
      return response()-&gt;json($registration);
  }
  </code></pre>
  
  <p>this is my script </p>
  
  <pre class="lang-js prettyprint-override"><code> export default {
     props:{
        studentid:Number,
        registrationid:Number,
     },
     data(){
       return {
         registration:{}
       }
     },
     created(){
       this.loadRegisteredSubjects();
     },
     methods: {
       loadRegisteredSubjects(){
         axios.get('/admin/registrations/'+this.registrationid+'/show')
           .then(response =&gt; (this.registration = response)
       }
     }
  
   }
  </code></pre>
  
  <p>when I passed the route from where to retrieve the data </p>
  
  <p><a href="http://127.0.0.1:8000/admin/registrations/13/show" rel="nofollow noreferrer">http://127.0.0.1:8000/admin/registrations/13/show</a></p>
  
  <p>i get the desire results which is</p>
  
  <pre><code>{"id":13,"student_id":2,"subjects":"3,4,5","created_at":"2019-10-01 01:13:13","updated_at":"2019-10-01 01:13:13"}
  </code></pre>
  
  <p>unfortunately, I get an empty registration object when I pass the same route to Axios</p>