时间戳

首页 > 解决方案 > 当 API 返回空数据时显示警告（Vue.js / Axios）

javascript - 当 API 返回空数据时显示警告（Vue.js / Axios）

问题描述

我对 Vue.js 和 Axios 很陌生。我正在通过搜索功能从 API 获取和显示数据，并试图弄清楚如何显示警告/警报或让用户知道 API 响应为空的东西。

观察结果：当搜索框中有匹配项时，应用程序会显示数据，但当没有完全匹配项时不显示任何内容

预期结果：当没有完全匹配时在前端显示文本或警报以指示“没有匹配”

      
      axios.get(`API LINK HERE`,

    {
headers: {
      "x-rapidapi-host":"API HOST LINK HERE",
    "x-rapidapi-key":"API KEY HERE",
    "useQueryString":true
    },"params":{
    "format":"json",
    "date-format":"YYYY-MM-DD",
    "name":`${query}`

}
    })
    
      .then(response => this.itemData = response.data)
        
    }```

标签： javascriptapivue.jsaxios

解决方案

只需使用条件语句检查任何结果。

.then(response => {if (response.data=="") {// code here to alert user of empty response }})

您可以设置this.itemData一条消息，指示空响应或使用其他一些提醒用户的方法。

推荐阅读