evillySetInnerHTML无法解析img src

Question

我有一个html文件，我已经将其转换为与angerousedSetInnerHTML一起使用的字符串。除了该html字符串中的图像之外，其他所有内容都可以正常显示。我似乎无法弄清楚应该提供什么路径。目前，当js文件位于下一级目录时，我将它们放在单独的资产文件夹中。

Answer 1

您的React .js文件的位置与您需要提供给src属性的最终地址无关。这是因为React up经历了一个构建过程（开发构建或生产构建），在该过程中所有js文件都捆绑在一起，并且您的公用文件夹结构将与开发中的文件夹结构大不相同（请不要将其与开发版本）。

在正常的React应用设置中（例如，我们使用create-react-app创建它），最终的html呈现在public / index.html中，其中public是您的Web服务器的根目录。现在，让我们假设您的图像直接位于Web服务器根目录下的一个名为Assets的文件夹中。然后您的文件夹结构将如下所示：

public/
       index.html
       assets/
              img1.jpg
              img2.jpg

现在，您需要按以下方式声明img标签：

<img src="/assets/img1.jpg">

希望有帮助。