@lambdahhh

Как в Next.js локально настроить обращение через getServerSideProps к api?

Развернул приложение на next.js и отдельно API, чтобы из приложения запрашивать данные у API
все поднято в докере, само приложение доступно localhost:3000 а API localhost:3333

все работает нормально, когда я запрашиваю данные в процессе работы приложения через хуки
но когда пытаюсь запросить данные перед рендерингом в методе getServerSideProps
получаю такую ошибку
Server Error
FetchError: request to http://localhost:3333/api/posts failed, reason: connect ECONNREFUSED 127.0.0.1:3333


в интернетах прочитал, что это из-за одного и того же хоста localhost, приложение думает, что обращается к себе на хост, который находится в процессе сборки...

и нужно как-то сделать, чтобы адрес у api был не localhost:3333 а например backend:3333 только не пойму как это сделать, пытался прописать в etc/hosts
127.0.0.1 api.backend
и в nginx conf server_name api.backend
но это не работает...

мне кажется проблема актуальная для большинства разработчиков
  • Вопрос задан
  • 103 просмотра
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
16 апр. 2024, в 05:27
500 руб./за проект
16 апр. 2024, в 04:35
10 руб./в час
16 апр. 2024, в 04:23
4000 руб./за проект