在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" />