Как встроить папку сборки React в существующий веб-сайт HTML?Html

Программисты Html
Ответить
Anonymous
 Как встроить папку сборки React в существующий веб-сайт HTML?

Сообщение Anonymous »

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

Я запустил сборку npm run, в результате которой была создана папка сборки.
Папка сборки выглядит следующим образом:
Изображение
Я скопировал папку сборки на сервер FastAPI и изменил имя основного JavaScript и основного CSS к этому:
Изображение

Я обслуживать файлы с помощью этих маршрутов FastAPI:
Изображение

В HTML-код, куда я хочу встроить виджет (хост-сайт), я помещаю тег ссылки и тег сценария, чтобы получить основные js и css с сервера FastAPI.
< img alt="ссылка теги в хосте html" src="https://i.sstatic.net/mNU5qwDs.png" />
Я запускаю npm start на веб-сайте хоста и получаю это:
Изображение

мозг PNG не найден. Глядя на вкладку сети, я вижу это:
Изображение

Он ищет изображение мозга по адресу http://localhost:3001/static/media/brai ... 47d585.png
Как правильно встроить папку сборки React в существующий веб-сайт React? Я пытался поискать в документации, но безуспешно.

Подробнее здесь: https://stackoverflow.com/questions/793 ... ml-website
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «Html»