在开发模式下,我存储了一些照片,我使用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库)
如果是前端代码
const l = window.location;
const url=`${l.protocol}//${l.host}:${l.port}`;
就可以了。此外,相对路径也是一个东西。