没有从 API 获取任何数据

Question

import axios from 'axios';

const url = 'https://covid19.mathdro.id/api';

export const fetchData = async () => {
  try {
    const { data: { confirmed, recovered, deaths, lastUpdate} } = await axios.get(url);
    return {confirmed, recovered, deaths, lastUpdate};
} catch (error) {
}
}
export const fetchDailyData = async()=> {
try{
    const data = await axios.get('${url}/daily');
    console.log("DATA",data);
    const modifiedData = data.map((dailyData) => ({
        confirmed: dailyData.confirmed.total,
        deaths: dailyData.deaths.total,
        date: dailyData.reportDate,
    }));
    return modifiedData;
} catch(error){
    console.log("DATA NOT FOUND");
    var r = []
    return r
}
}

Here I'mt trying to get data from this API: https://covid19.mathdro.id/api/daily

But Whenever I'm trying to call fetchDailyData , I'm only getting "DATA NOT FOUND" on the console

Answer 1

您使用'而不是 `（靠近转义按钮下方）来使用字符串模板：

const data = await axios.get(`${url}/daily`);

Answer 2

Besides the ' wrong syntax, the data.map will also throw an error: map is not a function , because you are trying to map the response and not the response.data.

You should do something like that:

const data = await axios.get('${url}/daily');

To:

const response = await axios.get(`${url}/daily`);

And your map:

const modifiedData = data.map((dailyData) => ({

To:

const modifiedData = response.data.map((dailyData) => ({