Nextjs 找不到内部 api 链接

Question

我无法使用内部路径来获取我的内部 api 数据 错误说

TypeError: Failed to parse URL from /api/hello**
------------
export async function getStaticProps() {
  const data = await fetch("/api/hello"
  ...
------------

但如果我像这样使用完整的网址（硬代码），它就会起作用

export async function getStaticProps() {
  const data = await fetch("http://localhost:3000/api/hello"
  ...

有人知道如何使用内部路径而不是完整网址吗？

Answer 1

当我这样做时，我得到

TypeError: Only absolute URLs are supported

所以需要绝对 URL。

您可以使用环境变量来简化它

BASE_FETCH_URL=http://localhost:3000

然后调用 fetch

TypeError: Only absolute URLs are supported

请参阅https://codesandbox.io/s/trusting-lamport-z252dl?file=/pages/index.js（如果临时部署的 URL 发生更改，将来可能会中断）