由於沒有'Access-Control-Allow-Origin'標頭存在於請求的資源上，所以無法獲得與Axios的請求鏈接

Question

我正在嘗試使用cryptocompare api來獲取帶有axios的coindata列表，但我可以不知道如何解決這個問題我相信這是一個CORS問題，但我不確定。

完整的錯誤如下： 未能加載https://www.cryptocompare.com/api/data/coinlist/：在請求的資源上沒有「Access-Control-Allow-Origin」標頭。因此不允許訪問原產地'http://localhost:3000'。響應有HTTP狀態代碼524

我使用愛可信與下面的代碼：

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，要獲取數據。

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

我已經成功地做了一個GET請求測試這個網址與愛可信也。

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

我希望它有幫助。