标签：weserv nl no url referrer 访问 403 images 图片

在写小程序的时候,访问一个网址获取图片,但是显示会出现403(防止盗链)的错误.
总结了一下,有两种方法是可以解决这个问题的:

• 使用images.weserv.nl方案
• 使用no-referrer方案

第一种:使用images.weserv.nl方案

1 2 3 4 5 6 7

getImage(url){     console.log(url);     // 把现在的图片连接传进来，返回一个不受限制的路径     if(url !== undefined){         return url.replace(/^(http)[s]*(\:\/\/)/,'https://images.weserv.nl/?url=');     } }

把图片路径直接传进去,替换一下原来url的http/https.或者直接在图片url前加上https://images.weserv.nl/?url=
如:

1	https://images.weserv.nl/?url=http://img.zcool.cn/community/01d881579dc3620000018c1b430c4b.JPG@3000w_1l_2o_100sh.jpg

原图片的http://是可以省略的(与上面的getImage函数是一样的结果)

1	https://images.weserv.nl/?url=mg.zcool.cn/community/01d881579dc3620000018c1b430c4b.JPG@3000w_1l_2o_100sh.jpg

第二种:使用no-referrer方案

这种方案不仅针对图片的防盗链,还可以是其他标签.
在前端页面头部添加一个meta

1	<meta name="referrer" content="no-referrer" />

　　a标签的referrer

1	<a href="http://example.com" referrer="no-referrer|origin|unsafe-url">xxx</a>

img/image标签的referrer

1 2	<img referrer="no-referrer|origin|unsafe-url" src="{{item.src}}"/> <image referrer="no-referrer|origin|unsafe-url" src="{{item.src}}"></image>

　　

说明

如果我们是访问的gif图片,使用第一种方案是没有gif效果的,只能显示静态图片.这个时候推荐大家使用第二种.亲测可以完美展示gif效果.

–补充—
经过试验,不是多有gif网站都支持第二种方式,还是有些会失败.请大家自行试验.如果有更好的方法可以一起交流.

标签：weserv,nl,no,url,referrer,访问,403,images,图片
来源： https://www.cnblogs.com/huayang1995/p/15405727.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。