在React中上传图像，Nodejs在部署中从本地主机更改为生产

Question

在开发模式下，我存储了一些照片，我使用img标签与图像链接作为src来购买它们。另外，来自服务器的API请求使用服务器url。

我应该如何使react使用正确的url，而不是在部署站点使用"localhost">

//api 
const url = "http://localhost:5000"
const exampleRouter= axios.create({
baseURL: `${url}/recipes/public`,
});

//In React components - img work fine 
<img src={http://localhost:5000/users/${user._id}/avatar`} alt"avatr">

它在localhost中工作得很好，现在我应该部署到heroku，但我不知道如何处理这些链接(我在我的项目中驯服了许多)

我在React中使用FE和Node作为BE(使用Express库)

Answer 1

如果是前端代码

const l = window.location;
const url=`${l.protocol}//${l.host}:${l.port}`;

就可以了。此外，相对路径也是一个东西。