在react项目中img标签src的路径问题 直接引入无效
在react项目中img标签src的路径问题 把img放在本地路径直接引入无效
1、
解决：
写一个方法加上当前环境变量
export const toAbsoluteUrl = pathname => process.env.PUBLIC_URL + pathname;
....
<img src={toAbsoluteUrl("/media/xxx.png")} />
或
src={require('./images/my-image.png')}
2、需要使用Es6写法引入
import myImage from './images/my-image.png';
...
<img src={myImage} alt="My Image" />
3、如果你是在JavaScript文件中引用图片，确保使用require或import语法，并使用返回的UR
<img src={require('./images/my-image.png')} alt="My Image" />
原文地址：https://blog.csdn.net/Z_Wonderful/article/details/142988466
免责声明：本站文章内容转载自网络资源，如本站内容侵犯了原著者的合法权益，可联系本站删除。更多内容请关注自学内容网（zxcms.com）！