getStaticProps在Vercel上不起作用

Question

编辑：我认为我的错误是这样调用我自己的API，而不是在getStaticProps((中查询MongoDB数据库。我是这样重构的：

export async function getStaticProps() {
await dbConnect();
const user = await User.findOne({ email: process.env.EMAIL_USERNAME })
const projects = await Project.find({})
const { description, socials, title, skills } = user;
const sortedData = skills.sort((a, b) => (a.level < b.level ? 1 : -1));
if (!user || !projects) {
return {
notFound: true,
};
}
return {
props: {
sortedData: JSON.parse(JSON.stringify(sortedData)),
description,
socials: JSON.parse(JSON.stringify(socials)),
title: title ?? '',
projects: JSON.parse(JSON.stringify(projects)),
},
revalidate: 60,
};

}

而且它似乎在起作用。我不确定这是应该的，还是这样做不是一个好主意

我有这个项目，当我把它上传到Vercel时，我得到了Error: Request failed with status code 429.，我在getStaticProps中只调用了三个API。我真的不知道发生了什么，因为我是新手。我看到有一个限制，但它是3个API调用？我缺什么了吗？此外，即使没有错误，静态页面也不会刷新。事实上，即使我再次部署它，它也不会改变——我不明白。在带有外部API和外部mongoDB的PC上，一切都很好。

API链接不是那个链接。只是在开发时使用这个

export async function getStaticProps() {
const res = await axios.get('http://127.0.0.1:3000/api/get-skills');
const res1 = await axios.get('http://127.0.0.1:3000/api/user-info');
const res2 = await axios.get('http://127.0.0.1:3000/api/get-projects');
const {
data: { data },
} = res;
const {
data: { description, socials, title },
} = res1;
const {
data: { projects },
} = res2;
const sortedData = data.sort((a, b) => (a.level < b.level ? 1 : -1));
if (!data || !res1 || !res2) {
return {
notFound: true,
};
}
return {
props: {
sortedData: sortedData ?? [],
description: description ?? '',
socials: socials ?? [],
title: title ?? '',
projects: projects ?? [],
},
revalidate: 60,
};
}

Answer 1

看起来这是一个利率限制问题。不要在getStaticProps中使用axios，而是在useEffect中使用swr

import useSWR from "swr"

创建一个提取器函数：

const [firstState,setFirstState]=useState("")
const URL1='http://127.0.0.1:3000/api/get-skills'
const fetcher = async url => {
const res = await fetch(url)
const json = await res.json()
setFirstState(json)
return json ?? []
}

useEffect(()=>{
fetcher(URL1)
})