Встраивание React в HTML -Page - URL изображения не работает

Question

Создал компонент реагирования, собрал приложение и загрузил собранный файл в корзину c AWS S3. Оттуда я включил скрипт в обычную страницу HTML (в другом домене). Все работает просто отлично, однако приложение реакции не может найти изображения.

Как я могу решить эту проблему?

Answer 1

Сценарии React обычно выполняют поиск изображений в локальном каталоге. чтобы загрузить изображения в другой домен, вам нужно было:

• добавить свойство хостинга веб-сайта Stati c в корзину s3.
• обновить скрипт React и загрузить изображение с URL-адресом сайта s3 .

URL-адрес публикации c должен выглядеть примерно так:

     import React from "react";
     import ReactDOM from "react-dom";

     function App() {
       return (
         <img 
          src="http://{s3BucketWebStaticHostingURL}/path/to/image.jpg"/>
       );
     }

     const rootElement = document.getElementById("root");
     ReactDOM.render(<App />, rootElement);