七牛CDN防盗链开启后,微信小程序无法加载其资源问题解决

最近在学习开发微信小程序的时候碰到了形形色色的问题,待我有空多整理一些笔记,这次先记录一个简单的。我习惯用七牛CDN作为自己开发的网站静态资源存储分发,并且为每个资源库设置防盗链白名单。在开发小程序之初,我就已经把这两个域名加入到了白名单中:
*.qq.com
*.wechat.com
因此就想当然的以为这样设置,微信小程序读取CND资源就不会有问题。当然,我在开发过程中为了避免碰到这样那样的问题,是先关闭了防盗链的。小程序完成后提交审核,同时我顺手打开了防盗链,刷一下小程序,结果发现所有云上的图片都打不开,开发工具报403错误:
微信小程序无法加载七牛CDN资源问题

HTTP协议的403报错意味着服务器拒绝了你的请求,这个顾名思义就应该是防盗链把你的资源请求给拒绝了。因此我猜想这个白名单设置得还是有问题的。

于是打开小程序调试工具,在Network下查看Headers信息,看到Referer这里有一个没见过的域名
七牛CDN防盗链开启后,微信小程序无法加载其资源问题解决-查看Header信息

猜想应该就是这个“servicewechat.com”了,于是把它加入到CND白名单中,稍等几分钟白名单生效,再重新打开小程序,果然所有资源都顺利加载了!
七牛CDN防盗链开启后,微信小程序无法加载其资源问题解决

本站所有文章均为原创,欢迎转载,请注明文章出处:https://blog.brain1981.com/1657.html。百度不可信,搜索请谨慎。技术类文章一般都有时效性,本人习惯不定期对自己的博文进行修正和更新,因此请访问出处以获取本文的最新版本。

关注我们的微信公众号-JennyStudio 本站记录了近几年的工作中遇到的一些技术问题和解决过程,“作品集”还收录了本人的大部分作品展示。除了本博客外,我们的工作室网站 – JennyStudio,内有更多作品回顾和展示。
您也可以扫描左边的二维码,关注我们的微信公众号,在微信上查看我们的案例。

发表评论

电子邮件地址不会被公开。 必填项已用*标注