要求されたリソースにNo 'Access-Control-Allow-Origin'ヘッダーが存在するため、Axiosとのリンクを要求できません

Question

私はcryptocompare APIを使用してAxisでcoindataのリストを取得しようとしていますが、私はそれがCORSの問題だと思うが、私はこの問題を回避する方法を理解していないが、わからない。

完全なエラーは次のとおりです。 ロードに失敗しましたhttps://www.cryptocompare.com/api/data/coinlist/：要求されたリソースに 'Access-Control-Allow-Origin'ヘッダーがありません。 Origin 'http://localhost:3000'はアクセスできません。応答は、HTTPステータスコード524

を持っていた私は、次のコードでaxiosを使用しています：

addCoinData(coinData) { 
    axios.get('https://www.cryptocompare.com/api/data/coinlist/') 
    .then(res => { 
    const crypto = res.data; 
    this.setState({crypto: crypto}); 
    }) 
    .catch(function (error) { 
    console.log(error); 
    }); 
    console.log(this.state.crypto); 
}; 

Answer 1

彼らのAPIちょうどあなたが取得したいデータのURLを変更しました。私が成功したとしてもaxiosでこのURLにGET要求のテストを行った

https://min-api.cryptocompare.com/data/all/coinlist

。

axios.get('https://min-api.cryptocompare.com/data/all/coinlist') 
    .then(res => { 
    console.log(res.data) 
}) 
    .catch(function (error) { 
    console.log(error); 
}); 

私はそれが役に立ちそうです。