服务器端渲染无法在生产Next.js上工作

Question

我正在Vercel上提供我的next.js(我也尝试过Amplify(。页面可以工作，但不需要需要pages/index.tsx中需要getServerSideProps()数据的组件。似乎根本没有调用函数。

有人能帮我解决这个问题吗？

export default function Home({ cryptosData, tempObject }) {
return (
<>
{tempObject && <Converter tempObject={tempObject} />} 
{cryptosData && <MainTable data={cryptosData} />}
</>
);
}
export const getServerSideProps = async () => {
const url =
"https://pro-api.coinmarketcap.com/v1/cryptocurrency/listings/latest";
const query = "?limit=80";
try {
const res = await fetch(url + query, {
headers: { "X-CMC_PRO_API_KEY": process.env.API_KEY },
});
const json = await res.json();
const data = json.data;
const [cryptosData, tempObject] = parseData(data, 40);
return {
props: { cryptosData, tempObject },
};
} catch (error) {
console.log(error);
return {
props: {},
};
}
};

Answer 1

我遇到了同样的问题。原因是在我发送的头API请求