得到“未定义”使用 NextJS 获取 Opensea/Rarible API 时

Question

I have the following:

// FetchData.js

export const fetchData = async (url, options) => {
    const res = await fetch(url, {
        headers: {
            "Content-Type": "application/json",
            Accept: "application/json",
          },
        ...options,
    })
    const data = await res.json()
    return data
}

// prototype.jsx

import { fetchData } from '../../lib/FetchData'

const Prototype = ({ data }) => {
    console.log('OpenSea API', data)
    return ( 
        <div className="h-screen">
            Prototype page
            {data}
        </div>
     );
}
 
export default Prototype;

export async function getSeverSideProps(context) {
    // retrieve assets from OpenSea API
    const url = `https://api.opensea.io/api/v1/assets?owner=0xa48db0a225703b25ef95b863c1aa44929bba7fde&order_direction=desc&offset=0&limit=20`;
    // const url = `https://api.opensea.io/api/v1/collections?asset_owner=0x9f5499EfaeD12770762d44261538151b47E8d902&offset=0&limit=300&offset=0&limit=300`
    // const url = `https://api.rarible.org/v0.1/collections/ETHEREUM:0x1eeabf7196c6610a3336add6d5f1a178c0734577`
    const options = {method: 'GET'};
    const data = await fetchData(url, options)

    return {
        props: {
            data
        }
    }
}

When I console logged from the page, it is "undefined".我推测这可能是因为我需要从Opensea请求一个API键，因此我没有尝试用稀有的API获取API键，但它仍然不确定。

我曾在Opensea和稀有API上尝试过Postman的API，并且都收到了具有200个状态的JSON数据。但是，当NextJs在NextJ中进行了尝试时，它会变得不确定。