Reactjs 使用next js进行项目部署

我有一个关于NextJS/Vercel项目部署的问题

根据文档，

await fetch

仅支持绝对URL。例如：

export async function getStaticProps(context) {
  const route = process.env.APIpath + 'api/category/getCategories';
  const res = await fetch(route)
  const json = await res.json()
  return {
    props: {
      data: json,
      },
  };
}

其中

APIpath:'http://localhost:3000/“，

问题：如何在

vercel.com/test/my_project

上部署项目？因为当我只将

process.env.APIpath

更改为

vercel.com/test/my_project

=错误时

附加说明错误信息 发生生成错误 错误：导出在以下路径上遇到错误：

---

categories/database/categoryList-我正在调用的页面

getStaticProps（context）

上面的您的错误消息如何？您无法在静态构建期间获取自己的API路由。请参阅添加的错误，以了解您不应该从服务器获取自己的api路由，这就是发生这种情况的原因。它应该从客户端使用，但是，您可以做的是在lib目录中创建异步函数，例如，与api路由函数相匹配的函数在多个环境之间划分异步逻辑这是否有助于回答您的问题：？它提到了

getServerSideProps

，但同样的情况也适用于

getStaticProps

。