@Yzurgzd

Почему NEXT JS выдает FetchError при использовании SSR?

next js упакован в Docker:

frontend:
    build: ./frontend
  nginx:
    build: ./nginx
    volumes:
      - ./backend/static:/backend/static
      - ./backend/media:/backend/media
    ports:
      - 80:80

SSR:

export async function getServerSideProps() {
  const response = await fetch(`${process.env.API_URL}/categories/`);
  const categories = await response.json();
  return {
    props: { categories },
  };
}

На страницах с использованием ssr выдает ошибку FetchError: request to localhost/api/categories failed, reason: connect ECONNREFUSED 127.0.0.1:80
Полагаю что это из-за использования fetch в запросе и докера.
  • Вопрос задан
  • 424 просмотра
Пригласить эксперта
Ответы на вопрос 1
vmakhnyuk
@vmakhnyuk
Frontend developer
https://nextjs.org/docs/basic-features/data-fetchi...

Note: You should not use fetch() to call an API route in getServerSideProps. Instead, directly import the logic used inside your API route. You may need to slightly refactor your code for this approach.

Fetching from an external API is fine!


Это касается любого get*Props
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы