Изображение отображается в браузере, но не в reactJS <img>

У меня есть изображения в пространстве DigitalOcean, но моя проблема в том, что когда я хочу отобразить изображение в responseJS внутри тега img, как показано ниже:

      const search =
  'https://wantedoffice.dev.bucket.ams3.digitaloceanspaces.com/smartphone.png';
.......
<img height="80px" src={search} />

он не отображает изображение, но это:

иногда это срабатывает, это действительно странно, но мне нужно, чтобы это работало каждый раз!

Когда я копирую / вставляю URL-адрес изображения в браузере, он работает, поэтому я не понимаю, вы можете попытаться скопировать / вставить этот URL-адрес в свой браузер https://wantedoffice.dev.bucket.ams3.digitaloceanspaces.com/slide_inspiration. PNG

Изображение широко публикуется в пространстве DO и доступно. Я думаю, что это происходит из-за реакции, а не из космоса Digital Ocean. Вы можете мне помочь?

Источник

1 ответ

Это изображение имеет проблему из конфигурации сервера, поэтому оно не отображается в вашем коде, например, если вы измените URL-адрес на другой сервер, вы увидите результат изображения:

                    <img src={"https://i.ibb.co/28cc7z4/slide-inspiration.png"} />

Это сработает, но когда я использую ваше изображение, вы получите такую ​​ошибку:

         (failed)net::ERR_CERT_COMMON_NAME_INVALID

И эта ошибка относится к более чем одному ответу, но на основе вашей ссылки, и когда я пытаюсь посетить ее через браузер, я вижу проблему с сертификатом SSL, поэтому я не могу получить доступ к изображению, если я нажму кнопку заранее и щелкну изображение ...

Итак, что вы можете сделать, это:

  1. Убедитесь, что в домене установлен правильный сертификат
  2. Проверьте перенаправления и WWW по сравнению с не-WWW
  3. Проверьте, нет ли неправильно настроенных перенаправлений
Источник
Другие вопросы по тегам