豆瓣API获取的图片不显示

一、问题:使用豆瓣API获取到的数据不能正常显示

图片不能正常显示

二、解决方法

  1. 从控制台中查看图片的url地址发现:同为一个网站提供的数据但是提供的url地址的域名却不同。
    url地址不同
    这是不符合情理的,因为为了使数据有规律,一般会把相似的数据放在一起。
  2. 这些url中只有 imgx 和 最后的 xxx.webp不同,尝试修改 imgx 为 img4后发现图片能够正常显示
  3. 所以只要将获取的图片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后面的数字,具体修改为几,需要你使用时自行调试

希望对你有帮助!
如有错误,欢迎指正!

©️2020 CSDN 皮肤主题: 数字20 设计师:CSDN官方博客 返回首页