Javascript 错误:nextjs中只支持绝对URL
您能帮我解决一个错误吗?nextjs中只支持绝对URL。我正在尝试从服务器获取数据Javascript 错误:nextjs中只支持绝对URL,javascript,node.js,reactjs,fetch,next.js,Javascript,Node.js,Reactjs,Fetch,Next.js,您能帮我解决一个错误吗?nextjs中只支持绝对URL。我正在尝试从服务器获取数据 export async function getStaticProps({ params, preview = false, previewData = {} }) { console.log("-----"); const res = await fetch("/api/basecss/"); const stylesheet = await r
export async function getStaticProps({
params,
preview = false,
previewData = {}
}) {
console.log("-----");
const res = await fetch("/api/basecss/");
const stylesheet = await res.text(); // Converts response data to text
return {
revalidate: 200,
props: {
stylesheet
}
};
}
这是我的密码
我得到了这个错误
类型错误:只支持绝对URL第23行传递到
fetch
的字符串是相对URL(即,它缺少协议和域名,可能是http://localhost:3000/api/basecss (或类似)
您需要将API端点作为绝对URL引用,包括该信息。这篇文章有一些关于如何做到这一点的信息
这个:应该可以回答你的问题。错误来自
fetch
,它告诉您问题所在:不支持相对URL。您需要一个完整的URL,而不仅仅是一个路径。@ZacAnger感谢您的回答。但问题是如何在构建时使用getStaticProps
。