Paginator отображает одинаковые сообщения на каждой странице в laravel с помощью Vue.js

Это ссылки на страницы, которые отображаются в конце страницы.

<div class="clearfix">
    {{ $posts->links("pagination::bootstrap-4") }}
    <a class="btn btn-secondary float-right" href="#">Older Posts &rarr;</a>
</div>

Это мой файл app.js, использующий платформу vue, которая показывает записи

let url = window.location.href;
let pageNumber = url.split('=')[1];

const app = new Vue({
    el: '#app',
    data:{
        blog:{},
    },
    mounted(){
        axios.post('/getPosts',{
            'page' : pageNumber
        })
          .then(response => {
            this.blog = response.data.data
            //console.log(response);
          })
          .catch(function (error) {
            console.log(error);
          });
    }
});

Это моя функция getAllPosts, но она выдает одни и те же два сообщения на каждой странице. Я не знаю, почему

public function getAllPosts()
    {
        return $posts = post::where('status',1)->orderBy('created_at','DESC')->paginate(2);
    }

Я добавляю изображения для справки Первая страница

Вторая страница

и третий тоже самое! Почему?