错误：nextjs 只支持绝对 URL

Question

你能帮我解决一个错误吗nextjs 只支持绝对 URL。我正在尝试从服务器获取数据

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
    }
  };
}

这是我的代码 https://codesandbox.io/s/naughty-platform-1xket?file=/pages/index.js:332-639

我收到此错误 类型错误：仅支持绝对网址

Answer 1

您在第 23 行传递给 fetch 的字符串是一个相对 URL（即它缺少协议和域名，可能是 http://localhost:3000/api/basecss 或类似的名称）< /p>

您需要将 API 端点引用为绝对 URL，包括该信息。这篇文章提供了一些有关如何执行此操作的信息

Next.js - Error: only absolute urls are supported