解决小程序渲染图片出现403的问题

Posted 木人子韦

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了解决小程序渲染图片出现403的问题相关的知识,希望对你有一定的参考价值。

拿了一张小程序报403错误,但浏览器可以访问的图片

 

 

 为什么会出现这个问题?再去翻一下官方文档,了解一下组件image的运行。花了点时间了解下,访问图片资源是带有防盗链(referrer)的。

总之,访问别人服务器时,连本地的防盗链(referrer)也携带了过去。携带了防盗链,别人的服务器就会对此做相关处理,看看是不是本站在访问,否则给个403。

解决403的方法,就是不要设置防盗链。可是我不会设置referrer,也不知道有没有。所以就换了个方法,换一个链接可以访问图片的链接:

可以使用images.weserv.nl链接来访问报403的图片

=》https://images.weserv.nl/?url=网络图片地址

 

 看一下效果

 

 

 

以上是关于解决小程序渲染图片出现403的问题的主要内容,如果未能解决你的问题,请参考以下文章

微信小程序渲染层错误

解决微信小程序调用豆瓣API出现403

小程序请求豆瓣API报403解决方法

解决小程序中 cover-view无法盖住canvas的问题,仅安卓出现这个问题

微信小程序访问豆瓣api报403错误解决方法

IOS端微信小程序 CSS3图片变色、drop-shadow不显示等问题