Не удается получить "изображения" net::ERR_CONNECTION_REFUSED (Gitpod)

На Gitpod, мой NextJS frontend пытается получить список объектов, которые содержат "названия товаров", "цены" и "изображения" из моего бэкенда Django Rest API. Затем, мой NextJS фронтенд может получить список объектов, которые содержат "названия товаров" и "цены" но не "изображения", поэтому мой NextJS фронтенд не может получить только "изображения", как показано ниже:

( "названия товаров", такие как "boots 4", "boots 3" ... и "цены", такие как "£12.10", "£10.50" ... отображаются, но не "изображения" )

Вот мой желаемый результат с "названиями товаров", "ценами" и "изображениями":

На Gitpod, оба мой NextJS фронтенд на порту 3000 открытом (приватном) и мой Django Rest API бэкенд на порту 8000 открытом (приватном) запущены:

И мой фронтенд NextJS использует этот вызов Rest API с "localhost", как показано ниже, чтобы получить список объектов, содержащих "названия товаров", "цены" и "изображения":

http://localhost:8000/api

И, есть такие ошибки:

3000-gitpodio-templatetypescr-tqzkjl97w1d.ws-us33.gitpod.io/:987
ПОЛУЧИТЬ http://localhost:8000/media/images/paid.png net::ERR_CONNECTION_REFUSED 3000-gitpodio-templatetypescr-tqzkjl97w1d.ws-us33.gitpod.io/:987
ПОЛУЧИТЬ http://localhost:8000/media/images/size.png net::ERR_CONNECTION_REFUSED 3000-gitpodio-templatetypescr-tqzkjl97w1d.ws-us33.gitpod.io/:987
ПОЛУЧИТЬ http://localhost:8000/media/images/download.jpg net::ERR_CONNECTION_REFUSED 3000-gitpodio-templatetypescr-tqzkjl97w1d.ws-us33.gitpod.io/:987
ПОЛУЧИТЬ http://localhost:8000/media/images/02173_l.jpg net::ERR_CONNECTION_REFUSED

На самом деле, я решил эти ошибки выше, используя этот вызов Rest API с моим доменом Gitpod, как показано ниже, чтобы получить список объектов:

https://8000-gitpodio-templatetypescr-tqzkjl97w1d.ws-us33.gitpod.io/api

Но возникает другая ошибка, как показано ниже:

Server Error
FetchError: invalid json response body at https://8000-gitpodio-templatetypescr-tqzkjl97w1d.ws-us33.gitpod.io/api reason: Unexpected end of JSON input

This error happened while generating the page. Any console logs will be displayed in the terminal window.
Source
pages/index.js (73:16) @ async getStaticProps

  71 | export async function getStaticProps() {
  72 |   const res = await fetch("https://8000-gitpodio-templatetypescr-tqzkjl97w1d.ws-us33.gitpod.io/api");
> 73 |   const posts = await res.json();
     |                ^
  74 | 
  75 |   // const ress = await fetch("http://127.0.0.1:8000/api/category/");
  76 |   // const categories = await ress.json();

На самом деле, этот вызов Rest API с моим доменом Gitpod является правильным, потому что с помощью этого вызова Rest API я могу получить список объектов на Postman из моего бэкенда Django Rest API на Gitpod:

https://8000-gitpodio-templatetypescr-tqzkjl97w1d.ws-us33.gitpod.io/api

Есть ли решения для решения этой ошибки и получения списка объектов, содержащих "названия товаров", "цены" и "изображения"?

Вернуться на верх