xhr.js:184 GET http://localhost:3000/$%7Burl%7D/countries/$%7Bcountry%7D 404 (Not Found)

[Phimanshu07]

after selecting countries from option I am getting this error

[chrc]

Could you share your src/api/index.js?

[Phimanshu07]

import axios from 'axios';

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

export const fetchData= async (Country)=>{ let changeableurl=url; if(Country){ changeableurl='${url}/countries/${Country}' } try { const { data: {confirmed,recovered,deaths,lastUpdate}}=await axios.get(changeableurl);

      return {confirmed,recovered,deaths,lastUpdate}
} catch (error) {
    return error;
}

}

export const fetchDailyData = async () =>{ try { const {data} = await axios.get(${url}/daily); console.log(data); const modifiedData=data.map((dailyData)=>({ confirmed: dailyData.confirmed.total, deaths: dailyData.deaths.total, date: dailyData.reportDate, })); return modifiedData; } catch (error) { return error; } }

export const fetchcountries = async () =>{ try { const {data:{countries}}= await axios.get('https://covid19.mathdro.id/api/countries') //console.log(response) return countries.map((country) =>country.name) } catch (error) { return error; } } fetchcountries().then(console.log);

[Phimanshu07]

Could you share your src/api/index.js?

if i select any country from country picker then data of country is showing .I think is this error ? pls help fast