在 Next.js 中從 API 獲取數據時出現問題

Question

我試圖從流行的Morningstar api 獲取一些數據。我正在使用 axios 並且還使用他們的代碼示例 javascript - axios。

我的代碼如下所示：

const options = {
  method: 'GET',
  url: 'https://morningstar1.p.rapidapi.com/dividends',
  params: {Ticker: 'MSFT', Mic: 'XNAS'},
  headers: {
    accept: 'string',
    'x-rapidapi-key': '700c7f0abamsh61a21d67f2579cdp1097e3jsn3fa403041f99',
    'x-rapidapi-host': 'morningstar1.p.rapidapi.com'
  }
};
useEffect(() => {
  axios.request(options).then(function (response) {
    console.log(response.data); // HERE I LOG THE DATA FROM API
  }).catch(function (error) {
    console.error(error);
  });
}, [])

當我控制台日志 response.data 時得到的錯誤是：

https://gyazo.com/9d8a5defd87088cdeb8bc2823261d60f

任何人都可以解決此錯誤？ 謝謝！

Answer 1

那是因為你沒有訂閱這個 API：運行這段代碼時我得到：

{"message":"You are not subscribed to this API."}

在開發工具的.network 選項卡中。 這是一張圖片