1

我正在尝试部署一个个人投资组合应用程序，该应用程序利用内部 API 端点来查询数据库。在部署期间，我收到以下错误： FetchError: request to http://localhost:3000/api/projects/all failed, reason: connect ECONNREFUSED 127.0.0.1:3000

该应用程序在本地会话期间运行良好，但经过一些研究，我意识到在 getStaticProps 中使用 fetch 是不正确的。但是，我无法提出解决方案。我应该忘记端点并从 getStaticProps 中查询数据库，还是应该更新 URL 以反映 Vercel 提供的 URL？我整天都在转圈，并会感谢任何提示，谢谢！

// index.js:

export async function getStaticProps() {
  
  const resProjects = await fetch('http://localhost:3000/api/projects/all');
  const projects: Project[] = await resProjects.json();

  const resSkills = await fetch('http://localhost:3000/api/skills/all');
  const skills: Skills[] = await resSkills.json();

  return {
    props: {
      projects,
      skills,
    }
  }
}

//api/项目/全部

export default async (req: NextApiRequest, res: NextApiResponse) => {
  const { method } = req;

  if (method === "GET") {
    try {
      const allProjects = await prisma.project.findMany();
      res.status(200).json({ projects: allProjects });
    } catch (e) {
      res.status(500).json({ error: e });
    }
  } else {
    res.setHeader('Allow', ['GET'])
    res.status(405).end(`Method ${method} Not Allowed`)
  }
}
4

0 回答 0