首页 > 解决方案 > React.js process.env.PUBLIC_URL 不会根据路由生成相同的路径

问题描述

我正在使用 React-Router,我有两个组件可以分别访问/account和访问/admin/account。在这两个组件上,我加载了coin.png存储在我的 React 项目的公共文件夹中的同一个图像。我使用以下方法调用图像:

<img src={ process.env.PUBLIC_URL + "coin.png" }>

然后我希望 React 在公共文件夹中查找图像,但是在第二个组件上图像没有加载,原因是 React 寻找localhost:3000/admin/coin.png而不是localhost:3000/coin.png

process.env.PUBLIC_URL 应该生成相对于当前路线的路径还是我做错了什么?

我通过使用暂时解决了这个问题:

<img src={ process.env.PUBLIC_URL + "../coin.png" }>

但我不确定这是不是好方法。

标签: reactjsreact-router

解决方案


推荐阅读