reactjs - 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" }>
但我不确定这是不是好方法。
解决方案
推荐阅读
- angular - 通过在 typescript 中调用方法打开 bootstrap 4 模态
- java - NoSuchMethodError 当不直接调用方法,而是服务方法时
- formula - 将整数值分配给相对值列表
- c# - 单元测试时无法调试 dll - 未命中断点且无法更改属性中的配置
- asp.net - 无法在 asp .net core signalR 中播放示例客户端到服务器流式传输示例
- sql-server - 选择查询逻辑sql server
- c# - MS GraphAPI Drives 创建新文件夹
- list - 如何使用递归删除 Racket 列表中的第一个和最后一个元素
- sql-server - 条件存在于 top(1) 行
- c++ - 调用具有可转换类型的重载函数时模板化构造函数歧义