在Nextjs构建过程中(在`getStaticProps`中)调用尚未部署的API函数
在Nextjs构建过程中(在`getStaticProps`中)调用尚未部署的API函数
提问于 2020-09-02 22:50:00
我的项目，部署到Vercel
Nextjs站点，使用/pages/api/foo.ts
在/pages/index.tsx内部，我执行以下调用：
const api = {
async monthly(symbol) {
const res = await fetch(`${server}/api/stocks?symbol=${symbol}`);
const json = await res.json();
return json;
},
};
export async function getStaticProps() {
const initial = await api.monthly(stock)
return {
props: {
initial,
},
revalidate: 60,
};
}为了在上面的fetch调用中获取server值，我有以下配置文件：
const dev = process.env.NODE_ENV !== "production";
export const server = dev
? "http://localhost:3000"
: "https://fooproduction.com";我确切的问题是:当我试图构建(和部署)这个站点时，它不能进行静态生成，因为getStaticProps调用了一个还不存在于生产环境中的API函数(因为在构建过程中使用了NODE_ENV=production )
我是不是在用Vercel Nextjs构建、部署和调用™函数的方式做了一些非常错误的事情？
回答 1
Stack Overflow用户
回答已采纳
发布于 2020-09-03 22:56:17
在getStaticProps中添加一个try catch，并在出错时返回空的道具。您的页面将在运行时生成
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/63708087
复制相关文章
相似问题
腾讯云开发者
