URL1:https://corona.lmao.ninja/v3/covid-19/all URL2:https://corona.lmao.ninja/v3/covid-19/countries

I used the following code to get the contents of above URLs:

const [dailyInfo, setDailyInfo] = useState([]);
const [countries, setCountries] = useState([]);

useEffect(() => {
  axios
      .all([
        axios.get("https://corona.lmao.ninja/v3/covid-19/all"),
        axios.get("https://corona.lmao.ninja/v3/covid-19/countries"),
      ])         
       .then(responseArr => {
          setDailyInfo(responseArr[0].data);
          setCountries(responseArr[1].data);
       })
       .catch(err => {
         console.log(err);
       });
}, []);

This is the error I am getting:

No 'Access-Control-Allow-Origin' header is present on the requested resource.

Here is what I have tried so far

    useEffect(() => {
  axios
      .all([
        axios.get("https://corona.lmao.ninja/v3/covid-19/all"),
        axios.get("https://corona.lmao.ninja/v3/covid-19/countries"),
        { headers: {method: "GET", Accept: "application/json", 'Access-Control-Allow-Origin': '*'}}
      ])
       .then(responseArr => {
          setDailyInfo(responseArr[0].data);
          setCountries(responseArr[1].data);
       })
       .catch(err => {
         console.log(err);
       });
}, []);