Axiosで空の応答を処理するにはどうすればよいですか？

Question

axiosとvue.jsを使用してデータを無制限のページ番号としてフェッチします。これは、レンダリングするデータがないとき罰金期待に動作します：

fetchData() { 
    this.loading = true 
    this.page++; 
    axios.get(this.BASE_URL + '/api/jokes/'+'?page='+this.page).then( 
    response => 
    //how to exist if there is no data in the response? 
     this.jokes = response.data).catch(function (error) { 
     console.log(error); 
     }); 

私たちは最後のページに到達したときにレンダリングを停止するか疑問だし、表示するデータがなくなりますか？

私はdocsを見ましたが、私の答えが見つかりませんでした。

Answer 1

いくつかの基本的なフラグ論理を導入するかもしれません。私は仮定する自由を取ったが、あなたは常に論理を定義することができる。

fetchData() { 
    this.loading = true; 
    if (this.page > 0) { 
     axios.get(this.BASE_URL + '/api/jokes/page=' + this.page) 
      .then(response => { 
       const isDataAvailable = response.data && response.data.length; 
       this.jokes = isDataAvailable ? response.data : []; 
       this.page = isDataAvailable ? (this.page + 1) : 0; 
      }) 
      .catch(function(error) { 
       console.error(error); 
      }); 
    } 
}