Gatsby-Javascript替换来自API响应的src图像

我使用的是盖茨比，blog_post.body包含来自不同领域的相对路径，例如：

API url:cms.drupal.com/API/blog/1 盖茨比url:localhost:8000/

我想将src从

替换为

<div dangerouslySetInnerHTML={{__html: this.state.blog_post.body}} />

正确的解决方案是将域添加到Drupal上的图像url中

否则，如果您想在客户端处理它，您可以执行以下操作：

定义一个变量来保存cms站点的url，如下所示：

constcms=`cms.drupal.com`

然后在render函数中使用正则表达式替换所有图像src URL

const body=this.state.blog\u post.body.replace（/src=“\//g，`src=“${cms}/`）

然后

<div dangerouslySetInnerHTML={{__html: body }} />