问题:
后端接口传值错误,测试数据图片地址错误,导致图片加载不出来、Network中Img报错404、导航栏偶现空白。
解决方案:
在img中添加onError函数
onError可以为空,或是一张替代原图的错误图片。
<img src={imgPath} onError={() => {}} alt="图片" />
<img src={imgPath} onError={this.onImgError} alt="图片" />onImgError = (e) => {e.target.src = imgError;e.target.οnerrοr = null; // 控制不要循环}
改完后即使图片地址错误,图片接口也不会报404,而是报200了。
注:imgPath和imgError都是图片