Блог

Главная - Вопросы по программированию - Изображение не отображается в следующем и реагирует?

Изображение не отображается в следующем и реагирует?

#reactjs #next.js #server-side-rendering #nextjs-image

Вопрос:

У меня есть данные, полученные из API, и я хочу отобразить изображение с помощью Next и реагировать, но я не вижу, чтобы изображение появлялось на экране, как только что показанное изображение. Я использую next/image вместо HTML img?

это imaeUrl, поступающий из API 181fc194-ca2c-4f11-8442-4d52c094491f.jpg ,

Я добавляю это, чтобы исправить путь, но все равно показываю alt изображения const image = `/${course.imageUrl}` 

  <Image
          src={image}
          alt="Picture of the author"
          width={500}
          height={500}
        />

есть идеи, что мне следует сделать, чтобы это исправить?

Комментарии:

1. Вы пробовали сделать это с помощью HTML-элемента <img> , используя путь, чтобы проверить, извлекается ли вообще изображение?

2. А также, можете ли вы отобразить изображение самостоятельно [Your app URL]/181fc194-ca2c-4f11-8442-4d52c094491f.jpg в своем браузере ?

3. Я пытаюсь использовать html img и получаю тот же результат, должен ли я добавить URL-адрес своего приложения перед изображением, как то, что вы сделали, чтобы показать?

4. Это исходит от этого api api.tabasher.dev/api/сервисы/приложения/Учебные программы/…

5. Я просто беру изображение и пытаюсь его отобразить

Метки: