Paginator使用Vue.js在laravel中的每个页面上显示相同的帖子

Question

这些是显示在页面末尾的分页链接

<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);
    }

我正在添加图片以寻求帮助 第一页

第二页

和第三个也一样！为什么？