Я использую приложение «создать реакцию» для небольшого проекта, в который мне пришлось добавить HTML. Я использовал опасно SetInnerHTML, и он работает. Проблема в том, что внутри этого HTML у меня есть тег img с относительным внешним путем в src. вот так:
<img src="/var/exmple-fake-image/images//f0026-012.jpg" width="1312" height="1629" style="border: 0px ;" alt="f0026-01" title="f0026-01">
когда я запускаю приложение локально, оно завершает src с http://localhost:3000/var/exmple-fake-image/images//f0026-012.jpg
Как я могу изменить это, чтобы завершить его с правильным путем? я все еще хочу запустить его локально
Все изображения в html inject должны быть заполнены одним и тем же путем (https://cdn2.audiencemedia.com), поэтому мне нужен способ добавить этот путь вместо http://localhost:3000/ добавлено.
правильный путь для поддельного примера https://cdn2.audiencemedia.com/var/exmple-fake-image/images//f0026-012.jpg
Надеюсь, я хорошо все объяснил
РЕШЕНИЕ: я только что добавил "proxy": "https://cdn2.audiencemedia.com",в package.json. Было проще, чем я думал.
"proxy": "https://cdn2.audiencemedia.com",
Поскольку у вашего атрибута src нет имени хоста, только путь, начинающийся с /, он разрешается относительно текущего домена.
src
/
Это можно исправить одним из двух способов:
Самым простым является просто добавить полный домен к атрибуту src, поэтому вместо него укажите src="https://cdn2.audiencemedia.com/var/exmple-fake-image/images//f0026-012.jpg".
src="https://cdn2.audiencemedia.com/var/exmple-fake-image/images//f0026-012.jpg"
Более сложное решение, которое позволит вам избежать жесткой ссылки на этот домен в вашем коде,для прокси запросов изображений через ваш сервер разработки на cdn2.audiencemedia.com. Как это сделать, зависит от того, какой сервер вы используете для обработки статических файлов реакции.
cdn2.audiencemedia.com