在 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 选项卡中。 这是一张图片