Javascript 创建react应用程序危险的HTML图像路径

我正在使用CreateReact应用程序处理一个小项目，在这个项目中我必须注入一个html。我使用了危险的HTML，它很有效。问题是，在html中，我有一些img标记，在src中有相对的外部路径。 就像这样：

当我在本地运行应用程序时，它会使用

如何更改此项以使用正确的路径完成它？我仍然想在本地运行它

注入html中的所有图像都需要使用相同的路径（）完成，所以我需要一种方法来添加此路径，而不是添加的路径

错误示例的正确路径

我希望我已经解释清楚了

---

解决方案：我刚刚添加了

“代理”：https://cdn2.audiencemedia.com“，

在package.json中。比我想象的要容易

由于您的

src

属性没有主机名，只有一个以

/

开头的路径，因此它是相对于当前域解析的

您可以通过以下两种方式之一解决此问题：

最简单的方法是简单地将完整的域添加到src属性中，因此使用

src=”https://cdn2.audiencemedia.com/var/exmple-fake-image/images//f0026-012.jpg“

---

一个更复杂的解决方案是，通过开发服务器将映像请求代理到

cdn2.audencemedia.com

，这样可以避免在代码中硬链接到该域。如何执行此操作取决于您使用哪个服务器来提供静态react文件。

由于您的

src

属性没有主机名，只有一个以

/

开头的路径，因此它相对于当前域进行解析

您可以通过以下两种方式之一解决此问题：

最简单的方法是简单地将完整的域添加到src属性中，因此使用

src=”https://cdn2.audiencemedia.com/var/exmple-fake-image/images//f0026-012.jpg“

---

一个更复杂的解决方案是，通过开发服务器将映像请求代理到

cdn2.audencemedia.com

，这样可以避免在代码中硬链接到该域。如何做到这一点取决于您使用哪台服务器来提供静态文件。

欢迎Bryan！您希望链接指向的正确路径是什么？在这种情况下，所有img标记都需要添加该路径，因此以我之前的假示例为例，正确路径应该是而不是。谢谢你，布莱恩！您希望链接指向的正确路径是什么？在这种情况下，所有img标记都需要添加该路径，因此以我之前的假示例为例，正确路径应该是而不是。谢谢