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

标签 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 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

最佳答案

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

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

Next.js - Error: only absolute urls are supported

关于javascript - 错误 : Only absolute URLs are supported in nextjs，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/65694384/