title: Laravel-Vue-Pagination error when trying to go to a different page
body: <p>api.php</p>
  
  <pre><code>Route::get('/products', 'ProductsController@index');
  </code></pre>
  
  <p>Query:</p>
  
  <pre><code>$products = DB::table('sizes')
    -&gt;join('products', 'sizes.id', '=', 'products.sizes')
    -&gt;join('categories', 'products.category', '=', 'categories.id')
    -&gt;select('products.*', 'categories.catname', 'categories.catimage', 'categories.catdescription', 'sizes.size')
    -&gt;where([['products.is_active', '=', 1],['categories.is_active', '=', 1],])
    -&gt;orderBy('products.id', 'ASC')
     -&gt;paginate(5);
  return $products;
  </code></pre>
  
  <p>Vue component:</p>
  
  <pre><code>&lt;div v-for="product in products.data" :key="product.id"&gt;
        &lt;h1&gt;{{ product.name }}&lt;/h1&gt;
      &lt;/div&gt;
      &lt;pagination :data="products" @pagination-change-page="getResults"&gt;&lt;/pagination&gt;
  
  methods: {
    getResults(page = 1) {
      this.$url.get('products/results?page=' + page)
      .then(response =&gt; {
      console.log(response)
      this.products = response.data;
      });
    }
  }
  </code></pre>
  
  <p>The initial load of products works, it shows 5 products and shows pagination. Whenever I try to click a new page from the pagination, I end up with multiple errors.</p>
  
  <p>CORS(which I don't see how since my app is completely public) and two network errors</p>
  
  <pre><code>from origin 'http://localhost:8080' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource
  
  net::ERR_FAILED
  
  Uncaught (in promise) Error: Network Error
  </code></pre>
  
  <p>Is there something I'm missing here? Am I supposed to make another endpoint that handles pagination or should this be handled from the same exact endpoint where it fetches initial pagination?</p>