Как использовать следующее соединение с прокси-сервером хоста во время разработки?

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

Вы можете использовать внутренний маршрут API NextJs, https://nextjs.org/docs/api-routes/introduction . Используя это, вы можете сопоставить запросы, поступающие от FE, к конечной точке API Nextjs, а затем они будут перенаправлены в фактическую серверную службу.

Но если все ваши вызовы API находятся на сервере, то маскировать его не требуется. Для вызовов на стороне клиента вы можете сделать это