本站使用了 Pjax 等基于 JavaScript 的开发技术,但您的浏览器已禁用 JavaScript,请开启 JavaScript 以保证网站正常显示!

小程序不能正常加载缩略图解决办法

小助手读文章 00:00 / 00:00

检查是否设置thumb字段

小程序抓取的是thumb字段显示图片。

0.png

很多主题能够将文章的第一张图片自动设置为thumb缩略图,不需要手动设置。
所以只要你的网站能够显示缩略图,那多半不是这个问题,继续看下面。

配置域名

有部分网站的网站服务器和资源(图片、视频等)服务器不在一个域名,
例如网站域名在domain.com,而图片存放的地址在img.domain.com。
此时应该不仅将doamin.com添加到小程序的服务器域名里面,同时也应该将
img.domain.com添加到服务器域名,以本站为例:
1.png

可以看到我将res.2012.pro & video.2012.pro都添加到了合法域名里面。
这样的话你的图片就能加载了

请注意,你的图片地址必须也要是https,否则微信会拒绝访问!

设置防盗链

如果上面的方法试过了还是不行,那多半是因为你设置了防盗链。
有部分网站的资源服务器放在了对象储存或者CDN上面,并开启了防盗链。
这将导致对象储存拒绝微信小程序访问,也可能导致小程序不能加载图片。
解决方案:

1.将servicewechat.com放在防盗链白名单
2.开启允许空refer

以腾讯云对象储存为例:

2.png

这样配置就可以了,缩略图就能显示了,也能正常生产小程序分享图片了。


 继续浏览关于 的文章

 本文最后更新于:2018/08/12 13:48:36,可能因经年累月而与现状有所差异

 引用转载请注明:2012博客-Typecho,Typecho教程,Typecho插件,Typecho主题,Wetypecho,建站主机,建站教程,Wetypecho使用教程,个人网站 > Wetypecho > 小程序不能正常加载缩略图解决办法

精选评论

  1. vex
    vex 回复

    Windows 10Chrome 68.0.3440.106来自 四川 的大神

    谢谢,可以正常加载了

  2. 范明明
    范明明 回复

    Windows 10Edge 17.17134来自 内蒙古 的大神

    主题设置了文章头图自动获取第一张,小程序里面还是无法加载出来缩略图。
    那么多文章都要一个个修改缩略图,都快哭了!

    1. 成都第七帅

      对啊,我是直接读thumb的。没考虑过主题的做法。
      只是一种通用做法。
      或许以后会在插件端增加读取文章第一张图吧。

  3. 赐我一胖
    赐我一胖 回复

    未知操作系统未知浏览器来自 XX 的大神

    航海

  4. 0xPoker
    0xPoker 回复

    未知操作系统未知浏览器来自 XX 的大神

    我自己魔改了小程序代码加上了默认图片,嘿嘿嘿