4

我在网络应用程序中使用 react-markdown。当我使用加载存储在与 .md 文件相同的文件夹中的图像时![](image1.jpg)，我在 Visual Studio 的预览中正确渲染了图像，但在浏览器中却没有 - 相反，我在开发和生产版本中都出现图像错误。我试过转义 HTML，但这也不起作用。我正在加载一个 .md 页面作为组件，并且所有文本和格式都可以正常工作。

谢谢

4

2 回答 2

14

我对 Strapi 和 Gatsby 有同样的问题，观看此视频可能有助于修复图像 URI 以正确加载图像： https ://youtu.be/LIrK5KxsUSE?t=351

这是固定我的：

 <Reactmarkdown
  source={data.strapiArticle.content}
  transformImageUri={uri =>
    uri.startsWith("http") ? uri : `${process.env.REACT_IMAGE_BASE_URL}${uri}`
  }
/>

.env.development 文件：

REACT_IMAGE_BASE_URL =http://localhost:1337
于 2019-10-13T18:25:00.920 回答
1

在 react-markdown 的问题页面上，我发现了一个问题，其中一个人通过添加escapeHtml={false}到<ReactMarkdown />组件来解决这个问题。我试过了，它奏效了。

于 2021-08-10T06:38:09.790 回答