在React App中重定向图像的http get请求

Question

Context React app runs on localhost:3000 Express API listens on localhost:3300 I use React-Router

我有一个项目，需要在React应用程序中注入文档内容。由于此文档位于.md中，并且来自外部gitlab存储库，因此我需要fs.readdir列出所有可用文件，并需要fs.readFile来获取其内容。

为此，我在Express API上设置了一些终结点，并git submodule将文档的存储库放入api的目录中

问题是，在该文档中，我也需要动态获取一些图像。

现在，文档中的图片src网址一旦渲染到我的React应用中，便会尝试从该React应用而非API中获取图片。

我尝试过：

1. 在我的React Router中创建一个<Route>，它将创建一个图片组件PictureComp.js，该图片组件将从API中获取图片并进行渲染，但它不起作用
2. import img from './PictureComp';，但是它不起作用，因为它在return函数的render中的变量中呈现了来自服务器的md，因此离Rabbithome太远了替换。

是否可以使用React-Router，VanillaJS或其他工具拦截发起的http GET请求并将其重定向到我的API？