豆瓣API获取的图片不显示
一、问题:使用豆瓣API获取到的数据不能正常显示
二、解决方法
- 从控制台中查看图片的url地址发现:同为一个网站提供的数据但是提供的url地址的域名却不同。
这是不符合情理的,因为为了使数据有规律,一般会把相似的数据放在一起。 - 这些url中只有 imgx 和 最后的 xxx.webp不同,尝试修改 imgx 为 img4后发现图片能够正常显示
-
所以只要将获取的图片url中的 imgx 替换成 img4 即可
this.props.subject.images.medium.replace(/img./,‘img4’)
// this.props.subject.images.medium表示从豆瓣API中获取的一张图片的url
// .表示匹配任意一个字符,将 img和紧随其后的任意字符替换成 img4
注:数字具体修改为几,请自行调试
x代表url中img后面的数字
4. 修改后图片正常显示
三、总结
当加载豆瓣图片有问题时,可尝试修改豆瓣API中获取到的url的 img后面的数字,具体修改为几,需要你使用时自行调试
希望对你有帮助!
如有错误,欢迎指正!