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

Question

[Yzurgzd]

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 в запросе и докера.

Answer 1

[Валерий]

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