javascript - 错误 : Only absolute URLs are supported in nextjs

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

我收到这个错误TypeError:仅支持绝对 URL

Answer 1

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

您需要将 API 端点引用为绝对 URL，包括该信息。这篇文章提供了一些关于如何做到这一点的信息

Next.js - Error: only absolute urls are supported