如何在开发过程中使用下一次连接主机代理？

Question

我使用restinio作为后端API服务器。在此之前，我使用ReactJS作为前端，并使用"proxy"："http://localhost:4000“在package.json中解决了这个代理问题，如本文所述；https://create-react-app.dev/docs/proxying-api-requests-in-development/。

现在我使用的是Next.js，我可以直接使用fetch函数从后端获取数据，但如果可能的话，我希望使用next-connect，因为这个模块有许多功能可以简化我当前项目的编码。

我尝试了几种方法，比如使用重写模块重写路径；

module.exports = {
  async rewrites() {
    return [
      {
        source: '/about',
        destination: '/',
      },
    ]
  },
}

但还是解决不了问题。我该怎么做呢？

谢谢。

Answer 1

您可以使用NextJs内部API路由，使用它可以将来自FE的请求映射到Nextjs端点，然后将其转发到实际的后端服务。

但是，如果您的所有api调用都在服务器中，则不需要屏蔽它。对于客户端调用，您可以这样做。